我正在制作一個像 youtube 上的評論系統(tǒng)。在我的實現(xiàn)中，當我點擊修改時，所有評論現(xiàn)在都是輸入，但只會修改所選輸入的值。如何只觸發(fā)我點擊的元素。如您所見，它會觸發(fā)所有數(shù)組元素function App() {  const [open, setOpen] = useState(false);  return (    <div className="container mt-5">      <MDBRow>        {data &&          data.map((item) => (            <MDBCol md="7" lg="7" key={item.id} className="mb-4">              {!open && (                <>                  <div className="font-weight-bolder float-left pr-2">                    {item.name}                  </div>                  <div className="float-right pr-2">                    <button                      onClick={() => {                        setOpen(true);                      }}                    >                      Modifier                    </button>                  </div>                </>              )}              {open && (                <UpdateData                  id={item.id}                  name={item.name}                  onAbort={() => setOpen(false)}                  submit={() => setOpen(false)}                />              )}            </MDBCol>          ))}      </MDBRow>    </div>  );}export const UpdateData = ({ name, id, onAbort, submit }) => {  const formik = useFormik({    initialValues: {      id: id,      name: name,    },    onSubmit: async (values) => {      console.log(values);      submit();    },  });  return (    <form onSubmit={formik.handleSubmit}>      <MDBInput        value={formik.values.name}        name="name"        onChange={formik.handleChange}      />      <div className="float-right">        <span onClick={onAbort} className="text-capitalize grey-text">          Cancel        </span>        <button type="submit">confirm</button>      </div>    </form>  );};這是 我創(chuàng)建的沙箱