如何更新使用useState设置的对象

Question

在这种情况下，我正在函数中使用useState来获取有关人员，某个包的接收者的一些数据，因此我的对象具有两个对象和update方法，什么是不改变状态而更新该状态的正确方法

const [receiverInfo, setReceiverInfo] = useState({
    receiverName: null,
    receiverPhone: null
  })

我想从onChange

更新它

<TextInput 
        value={receiverInfo.receiverName}
        onChange={ (text) => {
          setReceiverInfo({...receiverInfo, receiverInfo.receiverName : text })
          console.log(receiverInfo)
      } 
    }
        style={styles.inputStyle}
        placeholder="Receiver name" />

我在这里所做的事情导致错误。

Answer 1

您的错误在这里：

...
setReceiverInfo({...receiverInfo, receiverName : text })
...