setState对象数组，根据id更新对象中的两个值

const currentArray = this.state.objectArray;

const updatedArray = currentArray.map(obj => {
  if (obj.id === targetId) {
    // 更新对象的两个值
    return {
      ...obj,
      value1: newValue1,
      value2: newValue2
    };
  }
  return obj;
});

this.setState({ objectArray: updatedArray });

class MyComponent extends React.Component {
  state = {
    objectArray: [
      { id: 1, value1: 'A', value2: 'X' },
      { id: 2, value1: 'B', value2: 'Y' },
      { id: 3, value1: 'C', value2: 'Z' }
    ]
  };

  updateObject = (targetId, newValue1, newValue2) => {
    const currentArray = this.state.objectArray;
    const updatedArray = currentArray.map(obj => {
      if (obj.id === targetId) {
        return {
          ...obj,
          value1: newValue1,
          value2: newValue2
        };
      }
      return obj;
    });
    this.setState({ objectArray: updatedArray });
  };

  render() {
    return (
      <div>
        <button onClick={() => this.updateObject(2, 'New Value 1', 'New Value 2')}>
          Update Object
        </button>
        <ul>
          {this.state.objectArray.map(obj => (
            <li key={obj.id}>{`id: ${obj.id}, value1: ${obj.value1}, value2: ${obj.value2}`}</li>
          ))}
        </ul>
      </div>
    );
  }
}