如何使用React Hook useState更新2个对象

import React, { useState } from 'react';

function App() {
  const [object1, setObject1] = useState({ prop1: 'value1' });
  const [object2, setObject2] = useState({ prop2: 'value2' });

  const updateObject1 = () => {
    setObject1({ ...object1, prop1: 'new value1' });
  };

  const updateObject2 = () => {
    setObject2({ ...object2, prop2: 'new value2' });
  };

  return (
    <div>
      <button onClick={updateObject1}>Update Object 1</button>
      <button onClick={updateObject2}>Update Object 2</button>
      <p>Object 1: {JSON.stringify(object1)}</p>
      <p>Object 2: {JSON.stringify(object2)}</p>
    </div>
  );
}

export default App;