当我在表单中使用时,为什么对物料下拉字段的验证不起作用?

时间:2019-01-15 11:35:29

标签: redux-form

当我点击提交按钮时,我必须将材料表格与redux一起使用。如果未选择下拉值,则无法进行验证。但文本字段验证正常工作

<div className="mt-2 mb-2">
  <Field
    name="phoneNo"
    component={renderTextField}
    select
    label="Phone Number"
    validate={[isDropDownEmpty]}
  >
    <MenuItem className="material-form__option" value="">Phone Number</MenuItem>
    <MenuItem className="material-form__option" value="1">Phone Number 1</MenuItem>
    <MenuItem className="material-form__option" value="2">Phone Number 2</MenuItem>
    <MenuItem className="material-form__option" value="3">Phone Number 3 </MenuItem>

  </Field>
</div>

验证程序功能是

export const isDropDownEmpty = value => (value !== "placeHolder" ? undefined : 'Required *');

未提交表单,但未显示错误消息。

0 个答案:

没有答案