当我点击提交按钮时,我必须将材料表格与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 *');
未提交表单,但未显示错误消息。