在自定义React挂钩中维护多个状态值

import React, { useState } from 'react';

function useCustomHook() {
  const [count, setCount] = useState(0);
  const [name, setName] = useState('');

  // 自定义逻辑

  return [count, setCount, name, setName];
}

function CustomComponent() {
  const [count, setCount, name, setName] = useCustomHook();

  // 渲染逻辑

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
      <input type="text" value={name} onChange={e => setName(e.target.value)} />
      <p>Name: {name}</p>
    </div>
  );
}