使用注意点

[ZWkang]

1. 了解使用pureComponent
   当父级节点更细的时候，子节点也会对应更新渲染，即使此时的state不需要进行render
   pureComponent 帮我们对state props 做一层浅比较。减少不必要的render操作
2. 一些引用值上的危机
   <TestComponent values={this.props.values || []}/> 如果此时this.props.values 是不存在的话
   则每次都会重新生成一个空数组

  const  defaultArray = [];
  <TestComponent values={this.props.values || defaultArray }/>

3. 函数方法的绑定
   <TestComponent onChange = { this.handleChange.bind(this)} />
   每一次onchange的时候都会生成一个新的函数
   引用不一致 导致父组件render 同时导致子组件也进行render
   提前绑定 直接传递
   @autoBind
   handleChange(){}
   <TestComponent onChange = { this.handleChange} />