reactjs - React JS - 如何在对象内添加对象

Question

我在构造函数中有这段代码:

constructor() {
    this.state = {
        recipient: {
          lat: -6.173752,
          lon: 106.8925773
        }
    }
}

我想将此添加到收件人:

var temp = {
  address: 'example street',
  phone: '+623123131321'
}

如何将临时变量添加到收件人？

Answer 1

您可以使用扩展运算符覆盖您的状态

this.state = {
    recipient: {
        ...temp,
        lat: -6.173752,
        lon: 106.8925773
    }
}

或者在构造函数之外使用setState

this.setState(prevState => ({
   recipient: {...prevState.recipient, ...temp}
}))