反应形式：最佳模式或库

Question

我需要帮助，我正在使用React 15.0.2（使用flux），我需要创建复杂的表单。

我不知道是否有某种类型的库或模式来执行此操作。

我尝试过Winterfell，我觉得它很长很难生产出一点形式。 我也尝试过反应形式，但是当我运行babel时他会产生错误，因为我正在使用babel 6和使用旧babel 5函数的反应形式。

有什么想法吗？

Answer 1

尝试React-Reactive-Forms，一个完美的表单管理库，基于Angular的反应形式。

一些很酷的功能是：

• 零依赖
• 嵌套表格
• 内置验证器
• 动态轻松操作表单控件。
• 大表格的高性能

中篇文章：https://medium.com/@kuldepsaxena155/introducing-reactive-forms-in-react-e6df0b84a1ea

回购链接：https://github.com/bietkul/react-reactive-form

Answer 2

您还可以查看react-form，它是处理表单的绝佳工具。它很轻巧，API非常简单但也可以扩展。

虽然有一些警告，我在这里写了一篇关于这篇文章的中篇文章：https://medium.com/doctolib-engineering/treating-technical-debt-62630ee64ef7

Answer 3

结帐powerform。它是一个与框架无关的软件包。 它很小，简单而且非常明确。 它提供的基本api可以满足人们可以想象的任何复杂形式要求。

检出React演示here。

Answer 4

叶子验证器

https://www.npmjs.com/package/leaf-validator

声明性解决方案

• 状态管理
• 验证
• 与以前的表单模型向后兼容
• 模型差异（因此您可以选择将表单模型更改的差异发送到服务器，而不是整个模型）

自然支持嵌套表格，因为此程序包的所有功能声明性地支持任何形状的表格模型。这对于验证和与服务器API的向后兼容性（对于零停机时间部署等）尤其重要。