react学习中关于一些小tips的记录

1.箭头函数写法
(1)onClick = { () => alert('click')}
(2)onclick = { () => this.props.onClick()}
2.setState
(1)首先函数名是驼峰式
(2)this.setState({value: x}) 不是 ‘=’

3.slice()数组备份，相当于复制；map()数组映射；concat()数组连接，不改变原数组；push()将内容压入数组，改变原数组

4.在过程中不要直接修改state的值，而是采用新的数据替换旧的数据

5.只有一个render的组建可以写为函数组件：

function Square(props) {

return (

<button className="square" onClick= { props.onClick }>

{props.value}

</button>

);

}

6.react管官方教程中，做一个井字棋的实例那里稍微有一点写得有问题的地方，就是map函数的地方写的map( (step,move) =>{  });然后jumpTo函数的参数也是step，stepNumber也是step。输出map的step确认了确实是个object，不是要传给jumpTo的参数，move才是，所以原来这些个参数是没啥关系的，就是用了step表示，所以我觉得，map中的step换成value更好，move换成step，意思传达到位。