如何更新使用 useState 設置的對象

Question

我在我的函數中使用 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" />

我在這里所做的導致錯誤。

Answer 1

你的錯誤在這里：

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