formik README

The project's README from github.com/jaredpalmer/formik. As one markdown file: README.md.

./packages/formik/README.md

formik (jaredpalmer/formik)

Searching Database…

34.3K ·GitHub
这是做什么的?Formik 是一个用于构建表单的小型 React 库:它帮你处理最让人头疼的三件事——在表单状态中存取值、做校验和显示错误提示,以及处理表单提交。
它是加到我的 React 应用里的库,还是一个独立工具?是一个库:Formik 是一个用 TypeScript 编写的 npm 包,你可以把它导入到 React 项目中,通过组件、hooks、render props 或高阶组件的方式来构建表单。
怎么把它加到项目里?在你的 React 项目里用包管理器安装('npm install formik' 或 'yarn add formik'),然后像使用其他库一样在组件里导入它。
我还需要额外安装别的东西吗?不需要。Formik 本身没有任何运行时依赖——唯一的 prerequisite 是你得有一个现成的 React 项目,因为它是构建在 React 之上的表单层。
它在 React Native 应用里也能用吗,还是只能用在网页上?都能用。React Native 是这个项目官方列出的主题之一,同一套值管理、校验和提交的 API 在原生移动端表单和网页表单上都能用。
表单在代码里实际长什么样?你把页面标记包在一个组件里,给它传 initialValues 和一个 onSubmit 回调;这个包还提供了 hook(useFormik)和 withFormik HOC,作为 render-prop 写法之外的替代方案。
Formik 还在维护吗,还是已经废弃了?这个仓库没有被归档,而且仍然有活跃的流程:CI 会随代码变更运行,发布通过 changesets 自动化,自 2017 年以来已经收获了约 34.3k 颗星。
它和 TypeScript 配合得好吗?很好——Formik 本身就是用 TypeScript 写的,所以 npm 包自带类型定义,不用额外安装就能得到带类型的表单和处理函数。
它会强制我的表单用某种特定样式吗?不会。Formik 只负责状态、校验和提交,本身不带任何 UI——页面标记和样式完全由你掌控,它的辅助方法只是把值和处理函数接到你的输入框上。
Size
16.8 MB
Stars
34.3K
Age
9y
Commits · 90 Days