如何将另一个对象添加到循环ReactJS中的状态对象

constructor(props) {
  super(props);
  this.state = {
    items: []
  };
}

addItem = () => {
  const newItem = { id: 1, name: 'New Item' }; // 创建一个新的对象
  this.setState(prevState => ({
    items: [...prevState.items, newItem] // 将新对象添加到数组中
  }));
}

render() {
  return (
    <div>
      {this.state.items.map(item => (
        <Item key={item.id} name={item.name} />
      ))}
    </div>
  );
}