React.memo函数参数示例如何深入解析？

本文共计278个文字，预计阅读时间需要2分钟。

目录 + React.memo？这是什么？ + React.memo的第一个参数 + 父组件 + 子组件 + React.memo优化 + React.memo的第二个参数 + 父组件 + 子组件 + React.memo优化 + 父组件 + 子组件 + 小结 + React.memo？这是什么？ + 按照官方文档

目录

• React.memo？这是个啥？
• React.memo的第一个参数
• 父组件
• 子组件
• React.memo优化
• React.memo的第二个参数
• 父组件
• 子组件
• React.memo优化
• 父组件
• 子组件
• 小结

React.memo？这是个啥？

按照官方文档的解释：

如果你的函数组件在给定相同 props 的情况下渲染相同的结果，那么你可以通过将其包装在 React.memo 中调用，以此通过记忆组件渲染结果的方式来提高组件的性能表现。这意味着在这种情况下，React 将跳过渲染组件的操作并直接复用最近一次渲染的结果。