如何使用typescript和react在特定条件为真时才将对象添加到数组中？

import React, { useState } from 'react';

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

const MyComponent: React.FC = () => {
  const [myArray, setMyArray] = useState<MyObject[]>([]);

  const addObjectToArray = (condition: boolean, obj: MyObject) => {
    if (condition) {
      setMyArray(prevArray => [...prevArray, obj]);
    }
  };

  // 调用addObjectToArray函数来添加对象到数组中
  addObjectToArray(true, { id: 1, name: 'Object 1' });
  addObjectToArray(false, { id: 2, name: 'Object 2' });

  return (
    <div>
      {/* 在页面中展示数组中的对象 */}
      {myArray.map(obj => (
        <div key={obj.id}>{obj.name}</div>
      ))}
    </div>
  );
};

export default MyComponent;