React使用技巧(一)

1、React组件开发要求必须在组件的最外层进行包裹，可以使用<Fragment></Fragment>代替<div></div>避免影响页面布局。

2、React是数据驱动的，页面上所有需要响应的都是通过改变数据，然后setState更新页面，而不是传统的DOM操作。

3、React中的事件命名规则为“小驼峰”命名，如onClick、onChange等。

4、React中需要注意this指向，尽量使用箭头函数handle=()=>{},或者在事件绑定时使用this.handleFn.bind(this)。

5、React中不允许组件通过this.state.property = value的方式设置state，这样会严重影响的项目性能，只能通过this.setState({})的方式设置。

6、React中使用map循环时需要注意返回的JSX必须有key属性，并且key值最好不用index，要用不会重复的数据，比如：

     {this.state.list.map((item,index)=>{

          return (<span key={index+item}>{item}<span>)

      })}

7、ES6语法：运算扩展运算符...  

      this.setState({

          list:[...this.state.list,"value"]

      })