react-router-dom 相关问题

我正在使用react router dom loader功能 https://reactrouter.com/en/main/route/loader 我正在使用react router dom loader功能 https://reactrouter.com/en/main/route/loader <BrowserRouter> <Routes> <Route path={'/ap'} loader={() => { console.log('0000'); return 'ss'; }} element={<App />} ></Route> </Routes> </BrowserRouter> 当我检查控制台时，它没有被调用，或者换句话说，消息没有被打印。这是我的代码 https://stackblitz.com/edit/vitejs-vite-6gg4ab?file=src%2FApp.tsx,src%2Fmain.tsx&terminal=dev function App() { const [count, setCount] = useState(0); const data = useLoaderData(); console.log('----s', data); return ( <> <div> <a href="https://vitejs.dev" target="_blank"> <img src={viteLogo} className="logo" alt="Vite logo" /> </a> <a href="https://react.dev" target="_blank"> <img src={reactLogo} className="logo react" alt="React logo" /> </a> </div> <h1>Vite + React</h1> </> ); } 我正在尝试在路由之前获取一些数据..不知道我在哪里。我做错了路由加载器仅在使用数据路由器时起作用，例如使用 createBrowserRouter、createMemoryRouter 等创建的路由器。如果您想使用数据 API，那么您需要转换为数据路由器。示例： import { createBrowserRouter, createRoutesFromElements, RouterProvider, Route, } from 'react-router-dom'; const router = createBrowserRouter( createRoutesFromElements( <Route path="/ap" loader={() => { console.log('0000'); return 'ss'; }} element={<App />} /> ) ); ... <RouterProvider router={router} /> 欲了解更多信息，请参阅：选择路由器路线loader

javascript reactjs react-hooks react-redux react-router-dom

回答 1 投票 0

React Router 6 useLoaderData 返回缓存数据

我正在使用一个简单的 vite React.js (v18) 应用程序客户端应用程序和 React Router v6。在 React router dom 版本 6.22.3 中，我使用 useFetcher 的 fetcher.Form 组件并在更改时调用 fetcher.submit ...

reactjs react-router react-router-dom

回答 1 投票 0

使用托管在子目录中的createBrowserRouter的React/Vite在没有尾部斜杠的情况下无法工作[重复]

我正在使用 React/Vite/Express 构建一个托管在子目录中的应用程序。举个例子，假设它托管在：https://example.com/my/app/ 在我的 Vite 配置中，我将 base 设置为 ./ 出口定义...

javascript reactjs express react-router-dom vite

回答 1 投票 0

我不明白这个反应组件有什么问题

我是react新手，我正在尝试使用mysql和express构建CRUD，现在我正在尝试当用户名已经在数据库中注册时重定向用户，但是当错误409发生时。 ..

reactjs express react-router-dom

回答 1 投票 0

将不同的卡片导航到各自的页面

我尝试使用react-router和use-Navigate将不同的卡片导航到各自的页面，但不能，因为onclick功能不起作用。从“反应”导入反应；我...

javascript html reactjs tailwind-css react-router-dom

回答 1 投票 0

在 React Router 中重定向所有没有根文件夹的路径匹配

我正在使用react-router-dom版本6.3.0，我试图让我的路由器处理更新的URL结构。例如，我的旧路线如下所示：我正在使用 react-router-dom 版本 6.3.0，我正在尝试让我的路由器处理更新的 URL 结构。举个例子，我的旧路线如下所示： <Route path='animals/dog' element={<Dog />} /> <Route path='animals/cat' element={<Cat />} /> <Route path='animals/bird/songs' element={<BirdSongs />} /> 我希望它们在没有根文件夹的情况下自动重定向animals： <Route path='dog' element={<Dog />} /> <Route path='cat' element={<Cat />} /> <Route path='bird/songs' element={<BirdSongs />} /> 所有内容都需要重定向到之前所在的位置，但我不想在我的应用程序中为每个可能的Route手动编写重定向。 React Router 可以做到这一点吗？在我的情况下，我无法使用 .htaccess 或 301 重定向。它必须发生在 React Router 本身中。似乎已经回答了：https://stackoverflow.com/a/43533070/14258470 希望这有帮助！如果这不是您正在寻找的答案，请提供更多背景信息，我会调整我的答案以更好地适应OP。

reactjs react-router react-router-dom

回答 1 投票 0

如何扩展路线组件以合并自定义道具？

我希望通过自定义属性来增强react-router-dom的路由。每个路由都应包含一个“名称”属性，该属性将作为显示在页面顶部的描述。理想情况下，我...

reactjs react-router-dom

回答 1 投票 0

react-router-dom 相关问题

最新问题