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

Question

关于从此处集成 material-ui-pickers https://material-ui-pickers.firebaseapp.com/usage与 moment.I 在 onChange 的处理程序中仅获得 Moment 对象，而不是具有名称和值的输入数据(e.target 在特定输入中具有名称和值)。有人可以建议我如何识别表单中的哪些输入已更改，我的表单中有大约 10 个日期输入吗？

Answer 1

渲染输入时，您应该预先配置将发送到每个更改处理函数的内容:

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

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

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

现在，使用计算参数，您可以在您的状态中动态设置一个值，而无需事先知道是哪一个。