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

这对于您的问题来说是一个很好的读物。