如何防止React在按下submit按钮时回发

handleSubmit(event) {
  event.preventDefault();
  // 其他处理逻辑
}

handleSubmit(event) {
  event.preventDefault();
  // 获取表单数据
  const formData = new FormData(event.target);
  
  // 发送异步请求
  axios.post('/api/submit', formData)
    .then(response => {
      // 处理响应
    })
    .catch(error => {
      // 处理错误
    });
}

import { useHistory } from 'react-router-dom';

function MyForm() {
  const history = useHistory();

  function handleSubmit(event) {
    event.preventDefault();
    // 其他处理逻辑

    // 导航到其他页面
    history.push('/success');
  }

  return (
    <form onSubmit={handleSubmit}>
      {/* 表单内容 */}
    </form>
  );
}