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);