Reactjs React.memo 不记忆 const 函数

【问题标题】：Reactjs React.memo doesnt memorized const functionReactjs React.memo 不记忆 const 函数
【发布时间】：2020-09-10 09:32:29
【问题描述】：

当我像这样使用它们时，React.memo 不起作用：在这种情况下，Hello 组件是备忘录。

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

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

...
<Hello />
...

如何将 React.memo 用作 const 函数？

【问题讨论】：

【解决方案1】：

Item 组件可以通过两种方式实现：-

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

或

保持Item 函数原样，而不是像<Item/> 那样在JSX 中将其声明为组件，而是像Item() 这样调用函数。

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

【讨论】：