React -如何在我的表单内返回Axios捕获错误？

npm install axios

import axios from 'axios';

import React, { useState } from 'react';

const MyForm = () => {
  const [error, setError] = useState(null);

  const handleSubmit = async (event) => {
    event.preventDefault();

    try {
      const response = await axios.post('/api/submit', { data: 'example' });
      console.log(response.data);
    } catch (error) {
      setError(error.message);
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      {/* 表单内容 */}
      {error && <p>{error}</p>}
      <button type="submit">提交</button>
    </form>
  );
};

export default MyForm;