如何创建可重用的useState和函数？

import { useState } from 'react';

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

  const updateState = (newValue) => {
    setState(newValue);
  };

  return [state, updateState];
};

export default useCustomState;

import React from 'react';
import useCustomState from './useCustomState';

const ExampleComponent = () => {
  const [count, setCount] = useCustomState(0);

  const increment = () => {
    setCount(count + 1);
  };

  const decrement = () => {
    setCount(count - 1);
  };

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={increment}>Increment</button>
      <button onClick={decrement}>Decrement</button>
    </div>
  );
};

export default ExampleComponent;