我遇到了一个问题,即与react-widgets 3.4.6一起使用的react-widgets 4.4.8重用逻辑。
我有两个DateTimePicker组件,它们的值需要协调,因此open_date永远不会大于Due_date。通过使用react-widgets 3.4.6和redux-form 6.8.0,这些onChange处理程序可以做到这一点:
onOpenDateChange(event, newValue, previousValue) {
const { formValues, now } = this.props
const { due_date } = formValues
if (newValue >= due_date || newValue < now) {
event.preventDefault() // don't accept change
}
}
onDueDateChange(event, newValue, previousValue) {
const { formValues } = this.props
const { open_date } = formValues
if (newValue <= open_date) {
event.preventDefault() // don't accept change
}
}
如果我在DateTimePicker输入字段中输入了无效值,则Redux存储不会更新,被拒绝的值将替换为输入字段中的先前(有效)值。
对于react-widgets 4.4.8和redux-form 6.8.0,不会更新redux存储,但不会在输入字段中替换无效值。我想知道我在4.4.8版中可以做什么,用先前的值替换输入字段中的无效值。