问题:动画组件,性能落后
相同组件过多,页面显示令人尴尬的动画效果
常见的陷阱
- 不好的shouldComponentUpdate实现,为什么PureComponent也不能解决问题
- 太过频繁的更改dom
- 没有限制使用事件和回调
class ShouldNotUpdate extends React.Component {
constructor(props){
super(props)
}
shouldComponentUpdate(nextProps, nextState){
return this.props.children !== nextProps.children
}
render(){
return `I should be rendered only 1 time. actual times renderd : {++this.counter}`
}
}