提交表单后setState不起作用

import React, { Component } from "react";
import { withRouter } from "react-router-dom";
import axios from "axios";

class Form extends Component {
  constructor(props) {
    super(props);
    this.state = {
      formData: {
        name: "",
        email: ""
      }
    };
  }

  handleChange = (e) => {
    const { name, value } = e.target;
    this.setState(prevState => ({
      formData: {
        ...prevState.formData,
        [name]: value
      }
    }));
  }

  handleSubmit = (e) => {
    e.preventDefault();

    // 发送异步请求或进行其他操作
    axios.post("/api/submit", this.state.formData)
      .then(response => {
        // 状态更新后执行的操作
        this.setState({ formData: { name: "", email: "" } });
        this.props.history.push("/success");
      })
      .catch(error => {
        console.error(error);
      });
  }

  render() {
    const { name, email } = this.state.formData;
    
    return (
      <form onSubmit={this.handleSubmit}>
        <input
          type="text"
          name="name"
          value={name}
          onChange={this.handleChange}
        />
        <input
          type="email"
          name="email"
          value={email}
          onChange={this.handleChange}
        />
        <button type="submit">提交</button>
      </form>
    );
  }
}

export default withRouter(Form);