如何创建自定义react钩子？

import React, { useState, useEffect } from 'react';

const useCustomHook = (initialValue) => {
  // 在这里定义你的自定义钩子逻辑
}

const useCustomHook = (initialValue) => {
  const [state, setState] = useState(initialValue);

  // 在这里定义你的自定义钩子逻辑

  return state; // 返回状态值
}

const useCustomHook = (initialValue) => {
  const [state, setState] = useState(initialValue);

  useEffect(() => {
    // 在这里处理副作用
    // 可以进行数据获取、订阅事件等操作
    // 返回一个清理函数用于清除副作用

    return () => {
      // 在清除函数中进行清理操作
      // 可以取消订阅、清除定时器等
    };
  }, []); // 传递一个空数组作为依赖项，表示只在组件挂载和卸载时执行

  return state;
}

const MyComponent = () => {
  const customValue = useCustomHook(initialValue);

  // 在这里使用自定义钩子返回的状态值

  return (
    // JSX代码
  );
}