Felte: 反应的表单库

Felte是一个可扩展的形式库,最初为Svelte所建,但使用此软件包很容易与React集成. Felte 最简单的形式只要求您设置 ref 以您的形式元素工作。 无自定义 Field或者说 Form 需要组件,使自定义样式真正容易操作。 你可以看到它在这个行动中 代码箱演示

特征

• 单枪匹马让你的形态变得具有反应力.
• 使用 HTML5 本地元素创建您的形式 。 (只有 name 属性是必要的).
• 除非您在组件中需要使用特定字段的值,否则将完全不重报 .
• 为处理更复杂的使用案件提供存储和帮助功能.
• 没有假设你的验证策略。 使用任何您想要的验证库或写出自己的策略 .
• 运行时处理表单控件的添加和去除.
• 使用错误报告的官方解决方案 reporter 软件包.
• 测试的不错 目前为 99%的密码覆盖率 并不断提高测试质量.
• 支持验证 对, (中文(简体) ), 佐德语 财务报告和审定财务报表 超级结构。 。 。 .
• 轻松 扩展其功能。 。 。 .

简单使用示例

import React, { useEffect } from 'react';
import { useForm } from '@felte/react';

function Form() {
  const { form } = useForm({
    onSubmit: (values) => console.log(values),
  });

  return (
    <form ref={form}>
      <input name="email" />
      <input name="password" type="password" />
      <button type="submit">Submit</button>
    </form>
  );
}

安装

npm install --save @felte/react

# Or, if you use yarn

yarn add @felte/react

使用量

学习如何使用 @felte/react 处理您的表格,检查 正式文件。 。 。 .