reactjs - Reactjs React.memo 不记忆 const 函数

Question

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

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

但如果我这样使用它会起作用：

...
<Hello />
...

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

这是示例代码

标签： reactjsreact-functional-component

Answer 1

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

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

或者

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

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