无法覆盖 React 组件内表单的 onSubmit 处理程序答案

【问题标题】：Cannot override onSubmit handler of the form inside React component无法覆盖 React 组件内表单的 onSubmit 处理程序
【发布时间】：2019-04-20 23:07:28
【问题描述】：

我的问题很简单，但我似乎无法弄清楚，甚至在这里问它也感到羞耻。我需要防止我的表单刷新整页。我知道我必须重写它的 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>
    );
  }
}

【问题讨论】：

请使用preventDefault而不是preventDefualt
嗨，感谢它现在的工作。即使在您的评论中，我一开始也看不出有什么区别，真是个愚蠢的错误！

标签： reactjs meteor ecmascript-6

【解决方案1】：

错字'preventDefault'而不是'preventDefualt'

【讨论】：