簡體 English 中英

useMemo 與 React.memo 與 pureComponent

[英]useMemo vs React.memo vs pureComponent

原文 2021-10-31 03:20:21 4 1 javascript/ reactjs

現在有很多方法可以在 React 中做一件事。 以 memo 為例， useMemo和memo(MyComponent)和React.PureComponent什么React.PureComponent ？ 他們不是在做同樣的事情嗎？ 那么我們今天應該使用哪一種呢？ 如果我們根據較新 API 的日期進行判斷，我們應該使用useMemo嗎？

1 個解決方案

我們可以在功能組件中使用useMemo和React.memo

React.memo：用於記憶組件。

假設您有兩個組件，其中兩個在同一級別，另一個組件是這兩個組件的父級。 我們將狀態從父組件傳遞給子組件。 當對其中一個子組件進行更改時，會re-rendered另一個子組件。 React.memo 用於防止這種重新渲染。

對不起這幅畫

React.useMemo：用於記憶值

當我們的計算在 over 函數中被允許時，這個函數會隨着組件的每次重新渲染而渲染。 使用useMemo ，我們將useMemo設置為僅在某些情況下重新呈現

React.memo vs React.PureComponent 函數組件

[英]React.memo vs React.PureComponent for function components

React.memo 行為

[英]React.memo behaviour

反應：useEffect vs useMemo vs useState

[英]React: useEffect vs useMemo vs useState

重構 pure() 與 React.PureComponent

[英]Recompose pure() vs React.PureComponent

React.memo（）重置狀態

[英]React.memo() resets state

React.memo 和淺層比較

[英]React.memo and shallow comparision

使用 React.memo 防止重新渲染

[英]Preventing rerenders with React.memo

React - JSX 元素的 useCallback 與 useMemo

[英]React - useCallback vs useMemo for JSX elements

對象在 React.memo 中作為 React 子對象無效

[英]Objects are not valid as a React child with React.memo

使用帶有鈎子的React.memo來控制輸入

[英]Using React.memo with hooks for controlled inputs

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 React.memo vs React.PureComponent 函數組件 React.memo 行為反應：useEffect vs useMemo vs useState 重構 pure() 與 React.PureComponent React.memo（）重置狀態 React.memo 和淺層比較使用 React.memo 防止重新渲染 React - JSX 元素的 useCallback 與 useMemo 對象在 React.memo 中作為 React 子對象無效使用帶有鈎子的React.memo來控制輸入

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM