如何使用一个状态的状态onClick对另一个状态执行setState

import React, { useState } from 'react';

const MyComponent = () => {
  const [state1, setState1] = useState(false);
  const [state2, setState2] = useState('');

  const handleClick = () => {
    setState1(!state1); // 更新state1的值为相反的布尔值
    setState2('New Value'); // 更新state2的值为'New Value'
  };

  return (
    <div>
      <button onClick={handleClick}>Click me</button>
      <p>State 1: {state1.toString()}</p>
      <p>State 2: {state2}</p>
    </div>
  );
};

export default MyComponent;