无法重写React组件内部表单的onSubmit处理程序

Question

我的问题很简单，但我似乎找不到答案，甚至羞愧地在这里问它。我需要防止我的表单刷新整个页面。我知道我必须覆盖它的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>
    );
  }
}

Answer 1

拼写错误：“preventDefault”而不是“preventDefualt”