javascript - 将重建的对象键重命名为其他名称

Question

this.state = {
  date: {
    value: {
      from: '1/1/2019',
      to: '4/1/2019'
    }
  }
}

render() {
  const { date } = this.state

  return <Date date={date.value} />
}

我必须将我的状态对象传递到一个组件中，我不喜欢 date.value，因为它的字面意思是日期，但是如何将 date.value 重命名为 date？

我可以这样解构值

render() {
  const { date: value } = this.state

  return <Date date={value} />
}

但如果我有另一个组件，那就不会很好了。

Answer 1

您可以解构 value 并将其重命名为 date。

render() {
    const { date: { value: date } } = this.state

    return <Date date={date} />
}

var state = { date: { value: { from: '1/1/2019', to: '4/1/2019' } } },
    { date: { value: date } } = state;

console.log(date);