reactjs - 如何从道具中取消引用具有相同名称的值

Question

我用来从这样的道具中获取值

onSubmit = () => {
    const {
        id,
        client: {
            name,
            surname,
            address
        },
    } = this.props.release

    this.props.onSubmit(id, name, surname, address)
}

现在我需要更新传递一个附加参数的 onSubmit 调用，在我的道具对象中是接收者，名称是地址。我不能这样做：

const {
    id,
    client: {
        name,
        surname,
        address
    },
    recipient: {
        address
    },
} = this.props.release

this.props.onSubmit(id, name, surname, address, < recipientAddress >)

因为这与客户端内部的地址冲突。请问我该如何解决？

标签： reactjsreact-props

Answer 1

const {
  id,
  client: {
    name,
    surname,
    address
  },
  recipient: {
    address: recipientAddress
  },
} = this.props.release

this.props.onSubmit(id, name, surname, address, recipientAddress)

然后你可以通过访问来访问对象的address属性recipientrecipientAddress