Javascript 当按下提交按钮时，如何防止反应发回

在react组件中，如何防止其发回，以便在按下submit按钮时页面不会重新加载

以下是组件代码：

const class MyComponent extends React.Component<IEditCampaignStateProps & IEditCampaignDispatchProps, EditCampaignState> {

  ...

  onSubmit = (e: any) => {
    const campaign: Campaign = {
      title: this.state.campaign.title,
    }
    this.props.addCampaign(campaign);
  }

  render() {
    return (
      <Container> 
         ...
      </Container> 
     )
   }
}

常量类MyComponent扩展了React.Component{ ... onSubmit=（e:any）=>{ 康斯特活动：活动={ 标题：this.state.campaign.title， } this.props.addCampaign（活动）； } render（）{ 返回( ... ) } }

---

我找到了答案

根据

事件接口的preventDefault（）方法告诉用户代理，如果没有显式处理事件，则不应像通常那样考虑其默认操作。事件继续像往常一样传播，除非它的一个侦听器调用stopPropagation（）或stopImmediatePropagation（），这两个函数都会终止传播

onSubmit = (e: any) => {
    e.preventDefault();
    const campaign: Campaign = {
      title: this.state.campaign.title,
    }
    this.props.addCampaign(campaign);
   }

---

尝试在代码中添加一行

 onSubmit = (e: any) => {
    e.preventDefault();
    const campaign: Campaign = {
      title: this.state.campaign.title,
    }
    this.props.addCampaign(campaign);
   }

我加了一句。。

---

e.preventDefault（）
使用'e.preventDefault（）`。谢谢，我在本文中找到了相同的答案：