javascript - 按下提交按钮时如何防止 React 回发

Question

在 React 组件中如何防止它回发，以便在按下提交按钮时页面不会重新加载。

组件代码如下:

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> 
     )
   }
}

Answer 1

尝试在您的代码中添加一行...

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

我已经添加了.. e.preventDefault();