useMemo vs React.memo vs pureComponent

Question

如今，在 React 中做一件事的方法有很多种。以 memo 为例，useMemoandmemo(MyComponent)和之间有什么区别React.PureComponent？他们不是在做同样的事情吗？那么我们今天应该使用哪一个呢？如果我们根据新 API 的日期来判断我们应该使用什么useMemo？

Answer 1

我们可以在功能组件内部使用useMemoandReact.memo

• React.memo：用于记忆组件。

假设您有两个组件，其中两个组件处于同一级别，另一个组件是这两个组件的父组件。我们将状态从父组件传递给子组件。当对其中一个子组件进行更改时，另一个子组件也会发生变化re-rendered。React.memo 用于防止这种重新渲染。

• React.useMemo：用于记忆值

当我们的计算允许在 over 函数中进行时，该函数会随着组件的每次重新渲染而渲染。使用useMemo，我们设置仅在某些情况下useMemo重新渲染