connect()
は上位コンポーネント (HoC) で、あらゆるものを Formik のコンテキストにフックできます。内部で <Field>
と <Form>
を構築するために使用されますが、ニーズの変化に応じて新しいコンポーネントを構築するために使用できます。
connect<OuterProps, Values = any>(Comp: React.ComponentType<OuterProps & { formik: FormikContext<Values> }>) => React.ComponentType<OuterProps>
import React from 'react';import { connect, getIn } from 'formik';// This component renders an error message if a field has// an error and it's already been touched.const ErrorMessage = props => {// All FormikProps available on props.formik!const error = getIn(props.formik.errors, props.name);const touch = getIn(props.formik.touched, props.name);return touch && error ? error : null;};export default connect(ErrorMessage);
Formik の最新ニュース、記事、リソースをメールで受け取ります。