其他分享
首页 > 其他分享> > 10.react的hook之useCallback

10.react的hook之useCallback

作者:互联网

useCallback是函数组件,类似于userEffect,第一个参数是函数,第二个参数是数组,监听的值变化的时候才会执行当前的函数

function Form() {
    const [text, updateText] = useState('');
  
    const handleSubmit = useCallback(() => {
      console.log(text);
    }, [text]); // 每次 text 变化时 handleSubmit 都会变
  
    return (
      <>
        <input value={text} onChange={(e) => updateText(e.target.value)} />
        <ExpensiveTree onSubmit={handleSubmit} /> 
      </>
    );
  }

标签:10,const,函数,text,useCallback,react,updateText,handleSubmit
来源: https://blog.csdn.net/weixin_42845571/article/details/116982998