记忆化组件的子组件是否也记忆化了？

Question

useMemo 返回的子组件或包含在 React.memo() 中的子组件是否也被记忆？ （抱歉，这可能是一个愚蠢的问题）

例如：

React.memo(<Parent><Child/></Parent>);

这里 Parent 被记忆了，Child 是否太记忆了？

Answer 1

从 React 也没有将 React.memo 应用到孩子的意义上，孩子没有被记住。

但是孩子在以下意义上被记忆： 假设组件 A 被包裹在 React.memo 中，而它的子组件 B 不是。如果 A 由于记忆化而没有重新渲染，那么 B 也不会重新渲染。

同样来自文档：

<块引用>

React.memo 只检查 prop 的变化。如果您的功能组件 包裹在 React.memo 中的有一个 useState 或 useContext Hook 实现时，它仍然会在状态或上下文发生变化时重新渲染。

所以如果组件状态被修改，那么它会被重新渲染，不管它或父级是否被记忆。

此外，如果 A 由于其状态中的某些内容发生变化而被重新渲染，那么其子级 B 也将重新渲染（假设 B 未被记忆）。