Formik Проверка поля выбора semanti c -ui-реагирует (выпадающий список) - PullRequest
0 голосов
/ 21 января 2020

Привет, ребята, я хотел бы проверить форму semanti c -ui с помощью selectInput (выпадающий список), но он выдает предупреждение и не работает. Вот предупреждение:

Formik called handleChange, but you forgot to pass an "id" or "name" attribute to your input: <div role="option" aria-checked="false" aria-selected="false" class="item" style="pointer-events: all;"><span class="text">value Two</span></div>Formik cannot determine which value to update.

Formik правильно проверяет textInput, но для selectInput выдает вышеупомянутое предупреждение, и в функции handleSubmit ничего не принимается. Ниже приведен фрагмент кода, пожалуйста.

      <Formik
      initialValues={{ levelValue: "", attachLevel: "" }}
      validationSchema={Yup.object({
      levelValue: Yup.string().required("Required Please"),
      attachLevel: Yup.string().required("Required Please")
     })}
     onSubmit={(values, { setSubmitting }) => {
       setTimeout(() => {
         alert(JSON.stringify(values, null, 2));
         setSubmitting(false);
          }, 400);
       }}
     >
     {({
       values,
       errors,
       touched,
       handleChange,
       handleBlur,
       handleSubmit,
       isSubmitting
     }) => (
            <Form onSubmit={handleSubmit}>
              <Form.Group>
                <Form.Input
                   name="levelValue"
                   placeholder="Define Level..."
                   onChange={handleChange}
                   onBlur={handleBlur}
                   value={values.levelValue}
                   type="text"
                  />
                 {touched.levelValue && errors.levelValue ? (
                   <span className="span_error">
                      {errors.levelValue}
                   </span>
                  ) : null}
                 </Form.Group>
                 <Form.Group>
                   <Form.Input
                     control={Select}
                     name="attachLevel"
                     onChange={handleChange}
                     onBlur={handleBlur}
                     defaultValue={values.attachLevel}
                     multiple
                     options={Class}
                   />
                   {touched.attachLevel && errors.attachLevel ? (
                    <span className="span_error">
                      {errors.attachLevel}
                     </span>
                  ) : null}
                  </Form.Group>
                  <Button
                    color="blue"
                    type="submit"
                    className="submit"
                    disabled={isSubmitting}
                  >
                    <Icon name="add" />
                      Attach
                  </Button>
                </Form>
           )}
      </Formik>

Любая помощь будет заметна, пожалуйста ....

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...