Uncaught ReferenceError: MyOwnInput is not defined in react.js(formsy react)

Question

我正在尝试验证我的登录表单并在 https://github.com/christianalfoni/formsy-react

上使用示例

我对 React 和 Formsy 都不熟悉。

我遇到错误 "Uncaught ReferenceError: MyOwnInput is not defined"

我的代码是这样的

        import Formsy from 'formsy-react';
        import React, { Component } from 'react';
        import {Link} from "react-router";
        import {withRouter} from 'react-router';


       export default withRouter(class Testing extends React.Component{



constructor(props){
    super(props);
    this.state= {
        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>
    );
}
  });

Answer 1

MyOwnInput 缺少导入

它将是这样的：

import MyOwnInput from '../../components/common/MyOwnInput';

Uncaught ReferenceError: MyOwnInput is not defined in react.js(formsy react)

Uncaught ReferenceError: MyOwnInput is not defined in react.js(formsy react)

javascript

validation

reactjs

formsy-react