小编Sum*_*sar的帖子

我正在使用react-roter-dom v 6.4.2。我想在我的主页中使用 useLoaderData，如下所示：

import React from 'react';
import { useLoaderData } from 'react-router-dom';

const Home = () => {
  try {
    const user = useLoaderData();
    console.log(user);
  } catch (error) {
    console.log(error);
  }
  return (
    <div>
      <h2>This is Home</h2>
    </div>
  );
}

export default Home;

我在 Route 组件中使用 loader，如下所示：

import logo from './logo.svg';
import './App.css';
import { Route, Routes } from 'react-router-dom';
import About from './components/About';
import Products from './components/Products';
import Header from './components/Header';
import Home from './components/Home';

function App() …