react修改数组指定其中一个对象的值

要在 React 类式组件中修改数组中具有特定 ID（例如 ID 为 3）的对象的属性值，您可以使用 map 方法遍历数组，在遍历的过程中找到目标对象，并更新其属性值，最后将更新后的数组保存在组件的状态中。
以下是修改数组中目标对象属性值的示例代码：import React from ‘react’;class MyComponent extends React.Component { constructor(props) { super(props); this.state = { myArray: [ { id: 1, name: ‘Object 1’ }, { id: 2, name: ‘Object 2’ }, { id: 3, name: ‘Object 3’ }, // …其他对象 ], }; } updateObjectProperty = () => { const { myArray } = this.state; const targetId = 3; // 目标对象的 ID // 使用 map 方法遍历数组，并根据 ID 更新目标对象的属性值 const updatedArray = myArray.map((obj) => { if (obj.id === targetId) { // 需要更新的属性值 return { …obj, // 保留原有属性 propertyName: ‘新的属性值’, }; } return obj; }); // 更新组件的状态 this.setState({ myArray: updatedArray }); }; render() { // 其他组件渲染逻辑 return ( <div> <button onClick={this.updateObjectProperty}>更新属性值</button> </div> ); }}在上面的代码中，我们首先在组件的构造函数中定义了一个包含对象的数组 myArray，其中包含了多个对象，其中一个对象的 ID 为 3。然后，我们创建了一个名为 updateObjectProperty 的方法，在这个方法中使用 map 方法遍历 myArray 数组，找到 ID 为 3 的对象，并更新其属性值（propertyName）。最后，我们使用 setState 方法将更新后的数组存储在组件的状态中。在渲染函数中，我们添加了一个按钮，以便在点击时触发 updateObjectProperty 方法。当点击按钮时，updateObjectProperty 方法会被调用，数组中 ID 为 3 的对象的属性值将被更新。请注意，上述代码中的 propertyName 是您要更新的具体对象属性的名称，您需要将其替换为您所需的属性名称。这样，您就可以在 React 类式组件中修改数组中特定 ID 对象的属性值了。如果您有任何其他问题，请随时提问。