簡體 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