Переименовать реконструированный объект ключ на другое имя

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