React之小知识点总结

      总结react中经常被忽略的小知识点

      1）即便state里设置成和以前的值同样，render也会从新渲染

      2）父组件传给子组件的属性（props是只读的，在子组件中已在this.state里将属性赋值给定义的变量），若是属性在父组件中能够操做改变值的话，那么在子组件中就不建议修改，若是属性在父组件不操做，那么在子组件中就能够修改

      3）经过bind绑定的函数，收到参数和事件时，事件会在参数后面，示例：

         <a  onClick={this.handleClick.bind(this, 'click')}>click</a>

         this.handleClick(param, event)   // 事件对象event要放在最后

      4）数组元素中的key应该在数组上下文中被指定，即当你使用一个listItem时，你应该将key放在listItem组件上，而不是listItem组件里的元素上

      5）数组元素使用的key在其兄弟之间应该是惟一的，但在全局不须要惟一，好比，两个不一样的数组的元素的key能够相同

      6）在构造函数里定义的变量this.test，当改变this.test时，render不会从新渲染，只有状态机state有更新时，render才会从新渲染

      7）构造函数是惟一可以初始化this.state的地方，在其余方法里使用this.state是错误的，通常是经过this.setState()来更新变量

      8）jsx会移除空行，开始和结束的空格，字符串常量内部的换行会被压缩成一个空格