javascript - 反应版的 ngForm

Question

我最近一直在玩 React 并且非常喜欢它，但是我错过了一些我习惯于在其他框架中拥有的东西。ngForm 中主要的一个来自 angular，angular 使用它来提供非常简单的表单验证。检查表单是否有效就像 vm.myForm.$valid 一样简单。

在反应中，我发现自己写了大量的样板来基本上复制我在 ngForm 中的内容。我想知道是否有用于表单验证的插件，如果没有，社区是否有首选的验证方式？

Answer 1

强烈推荐formy-react，使用这个库，你可以轻松自定义所有的验证和错误信息。

那么你的代码将是，

 import Formsy from 'formsy-react';

  const MyAppForm = React.createClass({
    getInitialState() {
      return {
        canSubmit: false
      }
    },
    enableButton() {
      this.setState({
        canSubmit: true
      });
    },
    disableButton() {
      this.setState({
        canSubmit: false
      });
    },
    submit(model) {
      someDep.saveEmail(model.email);
    },
    render() {
      return (
        <Formsy.Form onValidSubmit={this.submit} onValid={this.enableButton} onInvalid={this.disableButton}>
          <MyOwnInput name="email" validations="isEmail" validationError="This is not a valid email" required/>
          <button type="submit" disabled={!this.state.canSubmit}>Submit</button>
        </Formsy.Form>
      );
    }
  });

以下是一些示例和API 文档。