[英]How to use React.usecallback?
i have a function like below to be called on button click using react and typescript.我有一个如下所示的 function,可以在使用 React 和 typescript 单击按钮时调用。
function Parent () {
const [isOpen, setIsOpen] = React.useState(false);
const handleClick = () => {
setIsOpen(open => !open);
}
return (
<button onClick={handleClick}>click me </button>
);
}
How can i rewrite handleClick
method using React.usecallback
method?如何使用
React.usecallback
方法重写handleClick
方法?
could someone help me with this.有人可以帮我解决这个问题吗? thanks.
谢谢。
We just wrap the functional and add our isOpen to the list of dependent variables, since it will change every click time.我们只是包装函数并将我们的isOpen添加到因变量列表中,因为它会在每次点击时发生变化。
const handleClick = React.useCallback(() => {
setIsOpen(open => !open);
}, [isOpen]);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.