React.js React.memo不存储const函数

Question

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

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

但是，如果我这样使用，它将起作用：

...
<Hello />
...

如何使用React.memo作为const函数？

这是sample code

Answer 1

对于Item组件，您可以通过两种方式实现：-

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

OR

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

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