如果在react js axios中没有可用的数据，如何显示“无数据可用”消息？

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

function MyComponent() {
  const [hasData, setHasData] = useState(false);

  // 数据请求逻辑
  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = () => {
    // 使用Axios进行数据请求
    axios.get('your-api-url')
      .then(response => {
        // 判断是否有可用数据
        if (response.data.length > 0) {
          setHasData(true);
        }
      })
      .catch(error => {
        console.log(error);
      });
  };

  return (
    <div>
      {hasData ? (
        // 显示数据
        <div>Render your data here</div>
      ) : (
        // 显示"无数据可用"消息
        <div>No data available</div>
      )}
    </div>
  );
}

export default MyComponent;