Как изменить значение динамического ввода с реагированием?

Question

У меня есть строка динамического ввода времени, и я хочу, чтобы значения были изменены правильно.

Мой код: https://codesandbox.io/s/624vq8y7y3

Когда я запускаю его, значения TimeInput не меняются.

Но я хочу, чтобы, когда я изменил вход, все входы будут изменены при изменении значений.

Как я могу это исправить?

Answer 1

Реквизиты onChange и value установлены неправильно.onChange TimeInput не получает значение события, а время, поэтому просто передайте его своему собственному обработчику.Кроме того, в вашем собственном коде обработчика вы храните значение времени в транше.Но затем в вашем коде вы пытаетесь получить его непосредственно из объекта состояния.Поэтому измените его на ваш объект транша, и он будет работать.

Измените

onChange={event => this.handleHChange(i, event.target.value)}

на

onChange={time => this.handleHChange(i, time)}    

и измените значение с

value={this.state.heureDebut}

до

value={el.heureDebut}