Reactjs React.memo不记忆const函数

Question

当我这样使用它们时，React.memo会做一些工作:在本例中，Hello是memo。

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

但如果我那样用的话，它就能用了：

...
<Hello />
...

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

这是样本代码

Answer 1

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

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

或

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

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