如何使用reactjs更改动态输入的值？

Question

我有一个动态时间输入行，我希望值可以正确更改。

我的代码是：https://codesandbox.io/s/624vq8y7y3

当我运行它时，TimeInput的值不会改变。

但是我想，当我更改输入时，所有输入都会随着我们更改值而更改。

我该如何解决？

Answer 1

onChange和value道具均设置错误。 TimeInput的onChange不会接收事件值，而是时间，因此只需将其传递给您自己的处理程序即可。同样，在您自己的处理程序代码中，您将时间值存储在付款中。但是，然后在您的代码中，您尝试直接从状态对象获取它。因此，将其更改为您的管道对象即可使用。

更改

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

到

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

，然后将值更改为

value={this.state.heureDebut}

到

value={el.heureDebut}