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

【问题标题】：How to update object that was set with useState如何更新使用 useState 设置的对象
【发布时间】：2019-12-07 17:33:58
【问题描述】：

我在我的函数中使用 useState 来获取一些关于人的数据，在这个上下文中某个包的接收者，所以我的对象有两个对象和更新方法，什么是在不改变的情况下更新这个状态的正确方法

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" />

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

【问题讨论】：

如果您对此感到困惑，请使用onChangeText 而不是 onChange，这让我很困惑

标签： reactjs react-native

【解决方案1】：

你的错误在这里：

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

【讨论】：