如何在Reactjs中创建具有不同标签和值的对象数组

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

render() {
  const { objects } = this.state;
  return (
    <div>
      {objects.map((obj, index) => (
        <div key={index}>
          <span>{obj.label}: </span>
          <span>{obj.value}</span>
        </div>
      ))}
    </div>
  );
}

// 添加一个新的对象到对象数组中
const newObject = { label: '标签1', value: '值1' };
this.setState(prevState => ({
  objects: [...prevState.objects, newObject]
}));

// 修改对象数组中的某个对象
const updatedObject = { label: '标签2', value: '新值2' };
this.setState(prevState => ({
  objects: prevState.objects.map((obj, index) => {
    if (index === 1) {
      return updatedObject;
    }
    return obj;
  })
}));

// 删除对象数组中的某个对象
this.setState(prevState => ({
  objects: prevState.objects.filter((obj, index) => index !== 0)
}));