使用React-Select的Formik验证不起作用

时间:2020-07-23 07:56:10

标签: validation formik react-select

我正在将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>

任何帮助都会得到帮助。

0 个答案:

没有答案