Значение компонента TimePicker не заполняется в поле зрения

Question

Первоначально при выборе времени onchange работает правильно.

 this.state = {
   driverReportingTime: ''
 }

<TimePicker className="form-control" onChange={this.handleTime.bind(this)} value={this.state.driverReportingTime} hintText="Time" />

handleTime(event, time) {
  this.setState({ driverReportingTime: time })
}

В режиме просмотра. Если я хочу заполнить сохраненное время отклика в снимке экрана

<TimePicker className="form-control" disabled value={singlejoborder.driverReportingTime} hintText="Time" />

Время не заселяется. Пожалуйста, дайте мне знать, что я делаю неправильно.

Answer 1

Первым аргументом следует считать время

handleTime(time) {
   this.setState({ driverReportingTime: time })
}

Answer 2

Попробуйте код ниже

const time = moment(singlejoborder.driverReportingTime, "YYYY-MM-DD HH:mm Z").format("HH:mm") ;
console.log(time); //prints 23:35

<TimePicker className="form-control" disabled value={time} hintText="Time" />