Реагирует ли DatePicker на атрибут «value» в качестве входных данных?

Question

Имеет ли DatePicker реагирующий атрибут «значение» в качестве входных данных?Можно ли присвоить новое значение атрибуту 'value' -> value = {this.state.dates.date} в DatePicker компонент (библиотека выбора даты) , как я это сделалво входных данных?

Ожидаемый эффект: я выбираю дату с помощью указателя даты -> позже выбираю новую дату из средства выбора данных и переопределяю предыдущую дату

---

this.state = {
    startDate: new Date()
}

 handleChange = (date) => {
    this.setState({
      startDate: date
    });
  }

<DatePicker 
  value = {this.state.startDate} //???????
  selected={this.state.startDate}
  onChange={this.handleChange}
  showTimeSelect
  timeFormat="HH:mm"
  timeIntervals={15}
  dateFormat="yyyy-MM-dd || HH:mm"
  timeCaption="time"
/>

---

<input type="text" value={this.state.dates.date} />

Answer 1

Используя ваш код из здесь , если вы хотите получить предыдущую дату, добавьте кнопку отмены к вашему компоненту editForm / Todo, при нажатии он отменит редактирование и не сохранит новое дата.

onCancel = () => {
  this.setState({
    isEditing: false,
  });
}

DEMO

Answer 2

Это будет невозможно так, как вы это сделали, поскольку вы помещаете дату в массив. Таким образом, вы должны указать, каким индексом массива должно быть значение. Однако, если это может быть только одна дата, тогда этот массив не будет использоваться. Однако сценарий, в котором вы используете начальную дату и массив дат, мне неясен ...

Если вы хотите сохранить дату в массиве, тогда это будет:

value = {this.state.dates[0].date}

или если вы всегда хотите использовать последнюю дату в массиве

value = {this.state.dates[this.state.dates.length- 1].date}

однако, если возможно, я бы посоветовал работать только с одним полем даты в вашем штате для DatePicker