Question

将https://material-ui-pickers.firebaseapp.com/usage处的material-ui-pickers与矩集成在一起。我在onChange的处理程序中仅获得Moment对象，而不是具有名称和值的输入数据（例如，目标在特定输入中具有名称和值）。有人可以建议我如何识别表单中的哪些输入已更改，表单中有大约10个日期输入吗？

Answer 1

呈现输入时，您应该预先配置将发送到每个变更处理功能的内容：

{['A', 'B', 'C',...].map(key => <DatePicker key={key} value={selectedDate} onChange={this.handleDateChange(key)} />}

您现在可以创建一个处理函数，该函数能够接受两组参数，一组用于键，另一组用于事件：

handleDateChange = key => date => {
    this.setState({ [key]: date });
};

现在，使用计算的参数，可以动态地设置在状态下的值，而无需知道哪一个提前。

Answer 2

您也可以使用onInputChange道具。正在按每个按键调度更新日期

<DatePicker
  onInputChange=((e) => console.log(e.target.value))
/>

如何使用material-ui-pickers更改输入名称

2 个答案: