如何从React with typescript中的状态创建新对象？

import React, { useState } from 'react';

interface MyObject {
  name: string;
  age: number;
}

const MyComponent: React.FC = () => {
  const [myState, setMyState] = useState<MyObject>({
    name: 'John',
    age: 25,
  });

  // 在这里可以使用`myState`对象进行一些操作

  return <div>{/* 组件的内容 */}</div>;
};

const MyComponent: React.FC = () => {
  const [myState, setMyState] = useState<MyObject>({
    name: 'John',
    age: 25,
  });

  const handleClick = () => {
    // 使用解构赋值语法创建新对象
    const newState = { ...myState, age: myState.age + 1 };

    // 或者使用Object.assign函数
    // const newState = Object.assign({}, myState, { age: myState.age + 1 });

    setMyState(newState);
  };

  return (
    <div>
      <button onClick={handleClick}>增加年龄</button>
      {/* 组件的内容 */}
    </div>
  );
};