用途:Formik 是面向 React 的表单状态管理库,用于管理表单值、校验、触及状态与提交流程,适合构建包含校验、异步提交和动态字段的复杂 React 表单。
主要能力:提供 Formik 组件、Form、Field、ErrorMessage、useFormik、useField、FieldArray、useFormikContext 等 API;支持 Yup 校验规则、自定义 validate 函数与字段级异步校验;支持字段数组(如字符串数组或对象数组)的增删;通过表单上下文在子组件中读取 values、errors、touched、isSubmitting、isValid、dirty 等状态。
使用方式:安装命令为 npm install formik yup。可用 <Formik initialValues validationSchema onSubmit> 包裹表单,配合 <Field> 与 <ErrorMessage>;也可用 useFormik Hook 手动接管 handleChange、handleBlur、getFieldProps;自定义输入组件可用 useField 获取 field 与 meta。提交时可使用 setSubmitting、setStatus、setErrors、resetForm,异步提交需在 finally 中调用 setSubmitting(false)。
适用场景:React 中的登录等表单、带校验的复杂表单、动态字段列表、提交失败回填服务端错误、需要 TypeScript 类型的表单。
限制:资料未提供版本、许可、体积、平台兼容范围、性能指标与收费标准等信息。