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 新聞、文章和資源，將會發送到您的收件匣。