在React中提交表单后如何显示消息？

import React, { useState } from 'react';

const FormComponent = () => {
  const [message, setMessage] = useState('');

  const handleSubmit = (event) => {
    event.preventDefault();
    // 发送表单数据到服务器进行处理
    // 假设服务器返回的响应中包含一个名为"responseMessage"的字段，用于存储消息
    const response = await fetch('/submit-form', {
      method: 'POST',
      body: new FormData(event.target),
    });
    const data = await response.json();
    setMessage(data.responseMessage);
  };

  return (
    <div>
      <form onSubmit={handleSubmit}>
        {/* 表单字段 */}
        <input type="text" name="name" />
        <input type="email" name="email" />
        {/* 其他表单字段 */}
        <button type="submit">提交</button>
      </form>
      {message && <p>{message}</p>}
    </div>
  );
};

export default FormComponent;