如何解决记忆化组件的子组件是否也记忆化了?
useMemo 返回的子组件或包含在 React.memo() 中的子组件是否也被记忆? (抱歉,这可能是一个愚蠢的问题)
例如:
React.memo(<Parent><Child/></Parent>);
这里 Parent 被记忆了,Child 是否太记忆了?
解决方法
从 React 也没有将 React.memo
应用到孩子的意义上,孩子没有被记住。
但是孩子在以下意义上被记忆:
假设组件 A 被包裹在 React.memo
中,而它的子组件 B 不是。如果 A 由于记忆化而没有重新渲染,那么 B 也不会重新渲染。
同样来自文档:
React.memo 只检查 prop 的变化。如果您的功能组件 包裹在 React.memo 中的有一个 useState 或 useContext Hook 实现时,它仍然会在状态或上下文发生变化时重新渲染。
所以如果组件状态被修改,那么它会被重新渲染,不管它或父级是否被记忆。
此外,如果 A 由于其状态中的某些内容发生变化而被重新渲染,那么其子级 B 也将重新渲染(假设 B 未被记忆)。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。