如何使用自定义hook>

import { useState, useEffect } from 'react';

function useCustomHook(initialValue) {
  const [value, setValue] = useState(initialValue);

  useEffect(() => {
    // 在组件加载或 value 改变时执行的副作用
    // ...

    return () => {
      // 在组件卸载或 value 改变前执行的清理工作
      // ...
    };
  }, [value]);

  const handleChange = (newValue) => {
    setValue(newValue);
  };

  return [value, handleChange];
}

function MyComponent() {
  const [data, setData] = useCustomHook('');

  const fetchData = () => {
    // 通过调用自定义 Hook 返回的函数实现数据获取逻辑
    // ...
    setData('new data');
  };

  return (
    <div>
      <span>{data}</span>
      <button onClick={fetchData}>Fetch Data</button>
    </div>
  );
}