React.memo()是一个高阶函数,它与 React.PureComponent类似,但是一个函数组件而非一个类。如果你的组件在相同 props的情况下渲染相同的结果,那么你可以通过将其包装在 React.memo 中调用,以此通过记忆组件渲染结果的方式来提高组件的性能表现。这意味着在这种情况下,React 将跳过渲染组件的操作并直接复用最近一次渲染的结果。
import React from 'react'
export default React.memo(
props => {
console.log('child---render')
return (
<div>{props.title}</div>
)
}
)