2

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"
              />
4

0 回答 0