javascript - react : input validation

Question

我最近开始使用 React，我遇到了输入验证问题。例如，它只是通过指令在另一个框架中作为 Angular.js 实现。

经过一番研究，我发现

1. newforms 库，看起来像是当前开箱即用的最佳解决方案。但它非常重，不确定当前是否支持它(最后一次更新是 7 个月前)。
2. 另一种方法是将事件从父表单发送到其子输入，并在每个子输入上调用验证方法。

但我找不到每个人都试图发明自己的东西的最佳实践，因此你需要自己写一些东西。

表单验证的最佳解决方案是什么？React 架构/框架(Flux/Redux)是否提供任何解决方案？

谢谢，

Answer 1

我最近在 React 中使用了一些表单，我有非常相似的经历。我认为这归结为 React 非常新，表单验证通常是一个很难解决的问题。这导致了一种形式验证的狂野西部，那里没有固定的标准，许多新的图书馆试图解决这个问题(每个人都以自己的方式做，并做出很多假设)。

我最终使用了相当简单的 formsy-react (https://github.com/christianalfoni/formsy-react)，但做了一个大假设——我们想要验证输入 onChange .我希望我的输入呈现错误 onBlur，这导致我编写了一些辅助函数来创建该行为。

我还没有深入研究 Redux，但在那个领域 ( https://www.npmjs.com/package/redux-form ) 似乎确实有一些不错的选择，可能会满足您的需求。

如果您想查看我的 Formsy 表单验证器/辅助方法的示例，请告诉我。

希望这有所帮助，或者至少提供了一些团结，即 React 世界中的表单验证，截至目前，还不清楚并且缺乏标准。