如何在react中更改数组的某些值

const [myArray, setMyArray] = useState([...]); // 初始数组

const updatedArray = myArray.map((item) => {
  if (item.id === targetId) {
    // 根据条件更改特定的值
    return { ...item, value: newValue };
  }
  return item;
});

setMyArray(updatedArray);

import React, { useState } from 'react';

const MyComponent = () => {
  const [myArray, setMyArray] = useState([
    { id: 1, value: 'A' },
    { id: 2, value: 'B' },
    { id: 3, value: 'C' },
  ]);

  const handleChangeValue = (targetId, newValue) => {
    const updatedArray = myArray.map((item) => {
      if (item.id === targetId) {
        return { ...item, value: newValue };
      }
      return item;
    });

    setMyArray(updatedArray);
  };

  return (
    <div>
      {myArray.map((item) => (
        <div key={item.id}>
          <span>{item.value}</span>
          <button onClick={() => handleChangeValue(item.id, 'New Value')}>
            Change Value
          </button>
        </div>
      ))}
    </div>
  );
};

export default MyComponent;