使用react和e.preventDefault()防止表单提交;

时间:2017-09-22 00:19:46

标签: javascript reactjs

我似乎无法弄清楚这一点...... 哪个事件将函数调用绑定到action e.preventDefault();如果有人在填写输入标签时点击输入?

此刻我发生了不必要的刷新。当我只想在按下回车键时触发另一个功能。

我该怎么办?

for key, value in dict.items():
if value == 'X':
    return key

3 个答案:

答案 0 :(得分:2)

this.stopSubmit应该返回false以阻止表单提交

答案 1 :(得分:0)

将其添加到表单标记:

<form onSubmit={e => { e.preventDefault(); }}>

答案 2 :(得分:0)

该事件是表单提交。您可以在Mozilla上阅读。

真的取决于你的表格在做什么。通常,您将event.preventDefault()函数调用放入您提交表单的任何内容中。(例如:action参数的值是什么)如果是AJAX调用,例如,您将想把它放在函数的开头。

至少,这就是我的所作所为。以下是我用于表单提交的最新函数示例。

handleFormSubmit = event => {
  event.preventDefault();
  this.searchMovies(this.state.search);
};