使用react-router在表单提交时进行重定向

npm install react-router-dom

import { BrowserRouter as Router, Route, Switch, Redirect } from 'react-router-dom';

<Router>
  <Switch>
    <Route exact path="/form" component={FormComponent} />
    <Route exact path="/redirect" component={RedirectComponent} />
  </Switch>
</Router>

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

class FormComponent extends React.Component {
  handleSubmit = (event) => {
    event.preventDefault();
    // 处理表单提交逻辑

    // 重定向到目标页面
    this.props.history.push('/redirect');
  }

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

export default withRouter(FormComponent);

class RedirectComponent extends React.Component {
  render() {
    return (
      <div>
        <h1>重定向成功！</h1>
        {/* 其他内容 */}
      </div>
    );
  }
}

export default RedirectComponent;