javascript - event.preventDefault() 在提交按钮函数中究竟做了什么？

Question

学习 React我知道这个问题不是其中的一部分，但我一直想知道 preventDefault 部分的作用:

  handleSubmit(event) {
    alert('A name was submitted: ' + this.state.value);
    event.preventDefault();
  }

当我在页面中打开示例并删除 preventDefault 时，当我点击提交时页面不会刷新。那么这是否意味着单击提交按钮的默认行为是在某处发送表单数据，然后将当前页面重定向到其他地方？通过使用preventDefault，这可以防止它发生吗？这个事件是 Dom 事件吗？

Answer 1

event.preventDefault()基本上可以防止事件触发。在 submit 的情况下事件。 event.preventDefault()将阻止您的表单提交。

我们通常会阻止 submit在提交表单之前检查某些验证的行为，或者我们需要更改输入字段的值，或者我们想使用 ajax 提交来电。为此，我们通过以下方式阻止提交表单:

event.preventDefault();
// Here comes our custom logic

This是您的问题的好读物。希望这可以帮助 :)