connect()

connect() 是一个高阶组件 (HoC)，它允许你将任何东西连接到 Formik 的上下文。它在内部用于构建 <Field> 和 <Form>，但你也可以用它来构建新的组件以满足你的需求。

类型签名

 connect<OuterProps, Values = any>(Comp: React.ComponentType<OuterProps & { formik: FormikContext<Values> }>) => React.ComponentType<OuterProps>

示例

1 import React from 'react';
2 import { connect, getIn } from 'formik';
3 
4 // This component renders an error message if a field has
5 // an error and it's already been touched.
6 const ErrorMessage = props => {
7   // All FormikProps available on props.formik!
8   const error = getIn(props.formik.errors, props.name);
9   const touch = getIn(props.formik.touched, props.name);
10   return touch && error ? error : null;
11 };
12 
13 export default connect(ErrorMessage);

上一页更多示例 | 示例下一页<ErrorMessage />

此页面是否有帮助？

在 GitHub 上编辑此页面

在此页面上

资源

社区

关于 Formium

订阅我们的时事通讯

最新的 Formik 新闻、文章和资源，发送到您的收件箱。