reactjs onChange对象内部的对象的设置值,以在React中使用表单输入状态

gab6jxml  于 2023-03-22  发布在  React
关注(0)|答案(1)|浏览(144)

嗨,我是新的React,我试图从我的输入值添加到我的状态,但不是更新它在父对象中创建了一个新的值。(我是新的堆栈溢出顺便说一句,所以请不要对我的措辞不正确我的问题很难)
这是我的状态

const[patientUpdate,setPatientUpdate] = React.useState([
    {
      id: ,
      userID: " ",
      patientID: " ",
      patientInfo: {
          id: 1,
          email: "email@gmail.com",
          name: "David",
          age: 25,
          phone: "0123455",
          gender: false
      },
      delete: false
  }
  ])

这是我零钱

function handleChangeEvent(event) {
    const { name, value, type, checked } = event.target;
    setPatientUpdate((prevPatientUpdate) => {
      return {
        ...prevPatientUpdate,
        [name]: type === "checkbox" ? checked : value,
      };
    });
  }

代替更新患者信息名称,而是在患者更新中创建了一个新字段。
是否有任何方法可以使其直接在患者信息中更新?

tktrz96b

tktrz96b1#

您正在直接更新患者详细信息,而不是patientInfo。请检查以下内容

setPatientUpdate((prevPatientUpdate) => {
  return {
    ...prevPatientUpdate,
    patientInfo: {...prevPatientUpdate.patientInfo, [name]: type === "checkbox" ? checked : value}
  };
});

相关问题