无法覆盖React组件中表单的onSubmit处理程序

时间:2019-04-20 14:58:17

标签: reactjs meteor ecmascript-6

我的问题很简单,但我似乎无法弄清楚,甚至不敢在这里问这个问题。我需要防止表单刷新整个页面。我知道我必须重写其onSubmit(e)处理函数并调用e.preventDefault(),但这以某种方式不起作用,根本没有调用该方法。即使经过多次尝试,我似乎也无法弄清楚,如果您能帮助我,将不胜感激!谢谢!

完整的代码位于https://github.com/rajatpundir/url-shortener/blob/master/imports/ui/LogIn.js

export class LogIn extends React.Component {

  onSubmit(e) {
    e.preventDefualt();
  }

  render() {
    return(
      <div>
        <form onSubmit={this.onSubmit.bind(this)} noValidate >
          <button >Login</button>
        </form>
        <Link to="/signup">Need an account?</Link>
      </div>
    );
  }
}

1 个答案:

答案 0 :(得分:0)

键入“ preventDefault”而不是“ preventDefualt”