登录后，由于在reactjs中获取异步，导航不起作用

import React, { useState, useEffect } from 'react';
import { Link } from 'react-router-dom';

const Navigation = () => {
  const [data, setData] = useState(null);

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

  const fetchData = async () => {
    try {
      const response = await fetch('https://api.example.com/data');
      const data = await response.json();
      setData(data);
    } catch (error) {
      console.error('Error fetching data:', error);
    }
  };

  const handleNavigation = () => {
    // Perform navigation logic here
  };

  return (
    <div>
      {data ? (
        <Link to="/dashboard">Go to Dashboard</Link>
      ) : (
        <button onClick={handleNavigation} disabled>
          Loading...
        </button>
      )}
    </div>
  );
};

export default Navigation;