错误：未定义所选字段电子邮件

如何解决错误：未定义所选字段电子邮件

我正在尝试学习 mobx-react-form 和验证部分。我想对电子邮件进行简单的验证，而且我想用 mobx-react-form 来做。 下面是我的代码

const formFields = {
  email: {
    type: 'text',placeholder: 'Your Email Address',rules: 'required|email|string|between:5,50',value: ''
  }
};

@observer
class form extends React.Component {
  getValidation(): MobxReactForm {
    const hooks: any = {};

    const plugins: any = {
      dvr: dvr(validatorjs)
    };

    const formOptions: any = {
      validateOnChange: true
    };

    return new MobxReactForm({ formFields },{ plugins,hooks,formOptions });
  }
  @observable
  private form: MobxReactForm = this.getValidation();
  render() {
    return (
      <div>
        <form>
          <div>
            <FormControl margin="normal" fullWidth>
              <TextField {...this.form.$('email').bind()} />
            </FormControl>
            <Button variant="contained" color="primary" type="submit">
              Primary
            </Button>
          </div>
        </form>
      </div>
    );
  }
}
export default form;

It's showing this error

解决方法

我认为您的字段键有误：

  // It should be `fields` instead of `formFields`
  return new MobxReactForm({ fields },{ plugins,hooks,formOptions });

Codesandbox