useFormikContext() 후크로 Formik 소품에 액세스하는 방법
handleSubmit, handleChange, handleBlur, values, errors, etc
와 같은 소품 및 도우미에 매우 쉽게 액세스할 수 있는 방법이 있습니다. <Formik>...</Formik>
컨텍스트 내부에 구성 요소를 래핑하면 후크를 사용하여 모든 소품에 액세스할 수 있습니다.예시:
import React from 'react';
import { useFormikContext, Formik, Form, Field } from 'formik';
const AutoSubmitToken = () => {
// Grab values and submitForm from context
const { values, submitForm } = useFormikContext();
React.useEffect(() => {
// Submit the form imperatively as an effect as soon as form values.token are 6 digits long
if (values.token.length === 6) {
submitForm();
}
}, [values, submitForm]);
return null;
};
const TwoFactorVerificationForm = () => (
<div>
{/* .... */}
<Formik
initialValues={{ token: '' }}
validate={values => {
{/* ... */}
}}
onSubmit={(values, actions) => {
{/* ... */}
}}
>
<Form>
<Field name="token" type="tel" />
<AutoSubmitToken />
</Form>
</Formik>
</div>
);
전체 예: https://formik.org/docs/api/useFormikContext
Reference
이 문제에 관하여(useFormikContext() 후크로 Formik 소품에 액세스하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/atosh502/how-to-access-formik-props-with-useformikcontext-hook-7kp텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)