如何使用React.usecallback?

堆栈溢出

我有如下功能,可以使用react和Typescript在按钮单击时调用。

function Parent () {
    const [isOpen, setIsOpen] = React.useState(false);
    const handleClick = () => {
        setIsOpen(open => !open);
    }
    return (
        <button onClick={handleClick}>click me </button> 
    );

}

如何handleClick使用React.usecallback方法重写方法?

有人可以帮我吗 谢谢。

提格兰·亚伯拉罕(Tigran Abrahamyan)

我们只包装函数并将isOpen添加到因变量列表中,因为它每次单击都会改变。

const handleClick = React.useCallback(() => {
  setIsOpen(open => !open);
}, [isOpen]);

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章