我正在将formik与react select一起使用,并且在select字段模糊时未显示错误消息。请引导我在哪里丢失了模糊功能,但没有进行验证。
const validationSchema = Yup.object().shape({
company: Yup.string()
.required(
"Company field is required"
)
});
<Formik
initialValues={{ company: "" }}
validationSchema={validationSchema}
onSubmit={e => this.handleSubmit(e)}
>
{({ touched, errors, setFieldTouched }) => (
<Form className="form">
<div className="form-group">
<label >Company *</label>
<Select
value={company ? company : ''}
name="company"
isClearable={true}
escapeClearsValue={true}
onBlur={() => setFieldTouched("company", true)}
onChange={e => this.selectChange(e, 'company')}
options={companies}
error={errors.company}
touched={touched.company}
/>
<ErrorMessage
component="div"
name="company"
className="invalid-feedback"
/>
</div>
</Form>
)}
</Formik>
任何帮助都会得到帮助。