繁体 English 中英

React / Memo：用 React.memo 包装所有功能组件

[英]React / Memo: Wrapping all the functional components with React.memo

原文 2019-11-09 17:26:45 8 2 reactjs

感谢 React 钩子，我们开始将所有组件开发为功能组件。 但是我们错过了避免不必要的重新渲染的 PureComponent。 我们曾经创建每个扩展 PureComponent 的组件。

我的问题是：我们是否应该盲目地用 React.memo 包装我们所有的功能组件？ 它会以任何方式减慢或影响应用程序吗？ 有没有什么情况我们不应该用 React.memo 包装功能组件？

2 个解决方案

是的，类的 React.memo、PureComponent 和 shouldComponentUpdate 都会对性能产生负面影响，因为它们的计算成本很小，所以如果你知道你的组件不是纯组件，你应该小心使用它们的方式和时间。

以下链接回答了我的问题。

https://dmitripavlutin.com/use-react-memo-wisely/

https://github.com/facebook/react/issues/14463

功能组件随着useMemo / React.memo消失

[英]Functional components disappearing with useMemo / React.memo

React.memo 根本没有运行

[英]React.memo not running at all

React.memo() 与 React 功能组件

[英]React.memo() vs React functional component

React：对所有组件使用 React.Memo 是一种好方法

[英]React: Is using React.Memo in for all components a good way

功能组件仍然使用 react.memo 重新渲染

[英]functional component still rerender with react.memo

带有 React.memo() 的功能组件仍然会重新渲染

[英]Functional component with React.memo() still rerenders

React.memo 不适用于功能组件

[英]React.memo not working on a functional component

功能组件中的 React.memo 和失效不会失效

[英]React.memo and invalidation in Functional component not invalidating

如何将 React.memo 应用于数组中的所有组件？

[英]How do I apply React.memo to all components in an array?

私有组件的 React.memo 与 useMemo

[英]React.memo vs useMemo for private components

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 功能组件随着useMemo / React.memo消失 React.memo 根本没有运行 React.memo() 与 React 功能组件 React：对所有组件使用 React.Memo 是一种好方法功能组件仍然使用 react.memo 重新渲染带有 React.memo() 的功能组件仍然会重新渲染 React.memo 不适用于功能组件功能组件中的 React.memo 和失效不会失效如何将 React.memo 应用于数组中的所有组件？私有组件的 React.memo 与 useMemo

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM