未捕获的ReferenceError:在react.js中没有定义MyOwnInput(形式反应)

时间:2016-08-22 08:45:16

标签: javascript validation reactjs formsy-react

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

上的示例

我不熟悉反应和形式。

我收到的错误是“Uncaught ReferenceError:MyOwnInput未定义”

我的代码看起来像这样

        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>
    );
}
  });

1 个答案:

答案 0 :(得分:0)

缺少MyOwnInput的导入

这将是:

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