react 优化

React.PureComponent
这个是用于对props和state的浅比较，但是如果props中有传对象
例如 <Chind style={{height:123}} />
发现组件也会一直重复渲染，寻找原因 当是2个对象的时候，内部的浅比较是Object.is(objA,objB)
如果都是对象，会比较地址是否相同，所以不要传新对象。注意map中解构对象返回是一个新的对象{...data}，会触发渲染
同理 如果参数中有function 
例如<Chind fc={()=>{}}/>  或者<Chind fc={this.fn,bind(this)}/> 都会导致 PureComponent失效