react hook useState用了其他useState，怎么更新引用的useState

在React中使用 Hook可以创建一个状态变量，并返回一个包含当前状态值和更新状态值的数组。当你使用多个useState Hook创建多个状态变量时，每个useState Hook都是独立的，它们之间没有直接的联系。

如果你想要更新一个引用了其他useState的状态变量，你可以通过传递一个函数给setState来更新状态。这个函数接收前一个状态作为参数，并返回新的状态值。这样做的好处是，你可以确保在更新状态时使用最新的状态值。

下面是一个示例代码：

import React, { useState } from 'react';

function MyComponent() {
  const [count, setCount] = useState(0);
  const [message, setMessage] = useState('');

  const handleButtonClick = () => {
    setCount(prevCount => prevCount + 1);
    setMessage(prevMessage => prevMessage + ' Updated');
  };

  return (
    <div>
      <p>Count: {count}</p>
      <p>Message: {message}</p>
      <button onClick={handleButtonClick}>Update</button>
    </div>
  );
}

在上面的代码中，我们使用了两个useState Hook创建了count和message两个状态变量。在handleButtonClick函数中，我们通过传递一个函数给setCount和setMessage来更新这两个状态变量。这样做可以确保在更新状态时使用最新的状态值。