无法覆盖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'而不是'preventDefault'