React【性能优化_shouldComponentUpdate、性能优化_时间分片、性能优化_虚拟列表、PropTypes 进行类型检查、默认 Prop 值、 TypeScript】(六)

目录

性能优化_shouldComponentUpdate

性能优化_时间分片

性能优化_虚拟列表

PropTypes 进行类型检查

默认 Prop 值 

TypeScript 类型检查 

性能优化_shouldComponentUpdate
 

当一个组件的 props 或 state 变更，React 会将最新返回的元素与之前渲染的元素进行对比，以此决定是否有必要更新真实的DOM。当它们不相同时，React 会更新该 DOM。
shouldComponentUpdate 方法会在重新渲染前被触发。其默认实现总是返回 true ，让 React 执行更新。

如果有些情况下你的组件不需要更新，你可以在 shouldComponentUpdate 中返回 false 来跳过整个渲染过程。