Question

我创建了一个包含几个组件的react formik表单。我需要将useFormik对象传递给表单的组件。合适的胶印类型是什么？

父母表格

 const formik = useFormik({ ...

子组件

interface IAddressBoxProps {
  skip: () => void
  formik: any
}

const AddressBox: React.FC<IAddressBoxProps> = (props: IAddressBoxProps) => {
  const { skip, formik } = props
 ...

Answer 1

不确定类型时，可以使用typeof formik获取该变量的类型。

钩子签名是

useFormik<Values>(config: FormikConfig<Values>): FormikProps<Values>

因此返回类型为FormikProps，其泛型取决于表单的值。

import {useFormik, FormikProps} from "formik";

interface MyValues {
    id: number;
}
export const MyComponent = () => {
    const formik: FormikProps<MyValues> = useFormik<MyValues>({});
}

Hook Docs

Typescript Playground

formik形式的useFormik是什么类型？

1 个答案: