如何在Reactjs中使用表单进行post调用

import React, { useState } from 'react';

function MyForm() {
  const [formData, setFormData] = useState({});

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

  const handleSubmit = (e) => {
    e.preventDefault();
    // 在这里进行POST调用，使用formData中的数据
    console.log(formData);
  };

  return (
    <form onSubmit={handleSubmit}>
      <label>
        Name:
        <input type="text" name="name" onChange={handleChange} />
      </label>
      <br />
      <label>
        Email:
        <input type="email" name="email" onChange={handleChange} />
      </label>
      <br />
      <button type="submit">Submit</button>
    </form>
  );
}

export default MyForm;

import React from 'react';
import MyForm from './MyForm';

function App() {
  return (
    <div>
      <h1>My App</h1>
      <MyForm />
    </div>
  );
}

export default App;