Использование Formik с реагировать-родной - PullRequest
Новая
       8

Использование Formik с реагировать-родной

0 голосов
/ 28 марта 2020

Я не могу понять, как использовать formik с react-native. Единственный пример, указанный в документации formik - это компонент Formik, который возвращает контекст formik. Но я хочу использовать его так, как это было предложено в руководстве с компонентами <Form>, <Field> и <ErrorMessage>. Когда я копирую код из учебника: 

const SignupForm = () => {
  return (
    <Formik
      initialValues={{ firstName: '', lastName: '', email: '' }}
      validationSchema={Yup.object({
        firstName: Yup.string()
          .max(15, 'Must be 15 characters or less')
          .required('Required'),
        lastName: Yup.string()
          .max(20, 'Must be 20 characters or less')
          .required('Required'),
        email: Yup.string()
          .email('Invalid email address')
          .required('Required'),
      })}
      onSubmit={(values, { setSubmitting }) => {
        setTimeout(() => {
          alert(JSON.stringify(values, null, 2));
          setSubmitting(false);
        }, 400);
      }}
    >
      <Form>
        <Text htmlFor="firstName">First Name</Text>
        <Field name="firstName" type="text" />
        <ErrorMessage name="firstName" />
        <Text htmlFor="lastName">Last Name</Text>
        <Field name="lastName" type="text" />
        <ErrorMessage name="lastName" />
        <Text htmlFor="email">Email Address</Text>
        <Field name="email" type="email" />
        <ErrorMessage name="email" />
        <button type="submit">Submit</button>
      </Form>
    </Formik>
  );
};

я получаю: enter image description here

Стек вызовов поступает из <Field> компонента, который создает <input> компоненты, которые не подходят для естественного реагирования.

Может кто-нибудь объяснить мне, как использовать его, как предлагает сокращенный шаблон?

...