如何更改react钩子中的对象值？

import React, { useState } from 'react';

function MyComponent() {
  const [myObject, setMyObject] = useState({ name: 'John', age: 25 });

  const handleChange = () => {
    // 创建一个新的对象，并复制原始对象的属性
    const updatedObject = { ...myObject };

    // 修改新对象中的属性值
    updatedObject.age = 30;

    // 更新组件状态
    setMyObject(updatedObject);
  };

  return (
    <div>
      <p>Name: {myObject.name}</p>
      <p>Age: {myObject.age}</p>
      <button onClick={handleChange}>Change Age</button>
    </div>
  );
}

export default MyComponent;