reactjs - Material UI DatePicker 中的错误不会使字段/表单无效

Question

DatePicker 位于包装器组件中，虽然错误消息显示正确，但如果日期设置为不正确，它不会使字段或表单无效。我知道 onError 回调函数，但我不知道在这里调用什么。onSubmit 上没有进行验证，因此不能使用 SubmissionError 或 submitfailed。

我可以从表单字段传递一个外部验证器，但我只是把它作为最后一个选项。

日期选择器

 <InlineDatePicker
      format={DATE_FORMAT_UI}
      keyboard
      mask={mask}
      maxDate={maxDate}
      minDate={minDate}
      placeholder={DATE_FORMAT_UI}
      value={formattedStoreValue}
      variant="outlined"
      onBlur={this.handleBlur}
      onChange={this.handleChange}
      **onError={(_,error)=>{ don't know what to do here })}**
      {...other}
    />

表单域

             <Field
                name={someDate}
                component={InlineDatePickerField}
                **validate={[required]} //If not possible then add another validator here as last option**
                id={someDate}
                label="To"
                minDate={this.minDate()}
                required
                className="w-full"
              />

标签： reactjsreact-reduxmaterial-uireact-material-ui-form-validator