React之小知识点总结

2019-08-07| 发布者: admin| 查看: |

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

  1)即使state里设置成和之前的值一样,render也会重新渲染

  2)父组件传给子组件的属性,如果属性在父组件中可以操作改变值的话,那么在子组件中就不建议修改,如果属性在父组件不操作,那么在子组件中就可以修改

  3)通过bind绑定的函数,收到参数和事件时,事件会在参数后面,示例:

  a  this.handleclick.bind} click /a

    this.handleclick  // 事件对象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会移除空行,开始和结束的空格,字符串常量内部的换行会被压缩成一个空格