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} /> 
      </>
    );
  }

上面代码中用到的useCallback，有两个参数，第一个是函数，第二个是数组，数组里面是被监听的值，可写多个，其中某一个变化的时候才会执行useCallback的第一个函数参数的执行