使用 React Router v6 中的 navigate 功能时，我们可以通过一些技巧来传递数据。在本文中，我们将探讨如何使用 navigate 方法传递数据，并提供一个案例代码来说明这个过程。

jsx
import { useNavigate } from 'react-router-dom';
const Home = () => {
  const navigate = useNavigate();
  const handleClick = () => {
    const data = {
      name: 'John',
      age: 30
    };
    navigate('/detail', { state: data });
  };
  return (
    
      
Home Page
      Go to Detail Page
    
  );
};
export default Home;

jsx
import { useLocation } from 'react-router-dom';
const Detail = () => {
  const location = useLocation();
  return (
    
      
Detail Page
      
Name: {location.state.name}
      
Age: {location.state.age}
    
  );
};
export default Detail;