Reactjs如果没有从api获取数据，我如何显示一个简单的错误？

import React, { useState, useEffect } from 'react';

const MyComponent = () => {
  const [data, setData] = useState(null);
  const [hasError, setHasError] = useState(false);

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = async () => {
    try {
      const response = await fetch('API_URL');
      const jsonData = await response.json();
      setData(jsonData);
    } catch (error) {
      setHasError(true);
    }
  };

  return (
    <div>
      {hasError ? (
        <p>发生了一个错误。</p>
      ) : (
        <p>{data ? data.message : '正在加载数据...'}</p>
      )}
    </div>
  );
};

export default MyComponent;