Reactjs React.memo 没有记住 const 函数

Question

React.memo 当我这样使用它们时确实有效：在本例中，Hello 组件是 memo.

...
const Item=() =>{
    return <Hello />
}
...

但是如果我这样使用它就可以了：

...
<Hello />
...

如何将 React.memo 用作常量函数？

Answer 1

您可以通过两种方式为 Item 组件实现此目的：-

const Item=useCallback(() =>{
        return <Hello/>
    },[])

或

保持 Item 函数原样，而不是像 <Item/> 那样将其声明为 JSX 中的组件，而是像 Item().

那样调用函数

将您的 <Item/> 声明替换为 {Item()}。

Reactjs React.memo doesnt memorized const function