雪落凡尘

原创 react 性能优化

减少子组件渲染 当 父组件 state 内的某个值(eg:value) 不变时 子组件菜 render shouldComponentUpdate(nextProps, nextState){ // 当父组件传递到子组件的值不同时 子组件才渲染 return nextProps.value !== this.props.value; } 2.render里面尽量减少新建变量和函数 <Foo style={{ color:“red” }} const fooStyle = { color: “red.