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

Question

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

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

当我运行它时，TimeInput 的值没有改变。

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

我该如何解决？

Answer 1

onChange 和 value 道具都设置错误。 TimeInput 的 onChange 接收的不是事件值而是时间，因此只需将其传递给您自己的处理程序即可。此外，在您自己的处理程序代码中，您将时间值存储在分批中。但是在您的代码中，您试图直接从状态对象中获取它。所以将其更改为您的 tranch 对象，它将起作用。

改变

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

至

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

并更改值

value={this.state.heureDebut}

至

value={el.heureDebut}