react-router-dom 相关问题

从“react”导入React；从 '@chakra-ui/react' 导入 { ChakraProvider, CSSReset }; 从 'react-router-dom' 导入 { BrowserRouter as Router, Route, Routes }; 从 './nav' 导入导航；导入首页

javascript reactjs react-router-dom

回答 1 投票 0

在loader中使用URL参数时出现错误

我在我的 React 项目中使用 React-Router。我有一个如下所示的移动页面：从“反应”导入反应；从 'axios' 导入 axios 导出异步函数加载器({ params }) { ...

javascript reactjs react-router react-router-dom

回答 1 投票 0

无法连接到本地主机

错误：错误：0308010C：数字信封例程::不支持在新哈希处（节点：内部/加密/哈希：68:19）在 Object.createHash （节点：加密：138：10）在 module.exports (E: 实际代码\我的...

react-router-dom npm-start

回答 1 投票 0

如何处理默认路径

我在我的网站上使用 React Router，遇到了以下问题。我的主要应用程序组件定义如下：导入'./App.css' 从 './Navbar' 导入 { Navbar } 进口 { 出口 } f...

reactjs react-router react-router-dom

回答 1 投票 0

嵌套路由不会使用 createBrowserRouter 渲染新页面

我无法将我的内容呈现到新页面，而是呈现到与其父页面相同的页面，而不是使用动态 URL 时显示为新页面的预期结果和

reactjs react-router react-router-dom

回答 1 投票 0

使用react-router-v6和zustand进行身份验证

应用程序路线：函数 AppRoutes(): JSX.Element { 返回（ } /> }> ...

reactjs authentication react-hooks react-router-dom zustand

回答 1 投票 0

React中react-router-dom最新版本如何实现延迟加载

我想使用Typescript在React中实现延迟加载。我收到打字稿错误。常量应用程序 = () => { 返回（我想使用 Typescript 在 React 中实现延迟加载。我收到打字稿错误。 const App = () => { return ( <RouterProvider router={createBrowserRouter( createRoutesFromElements( <Route> <Route path="/" element={<Outlet/>}> <Route index element={<Home />} /> <Route path="contact" element={<Contact />} /> <Route path="about" element={<About />} /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route> ) )} /> ) }; export default App; 下面的代码不起作用 <Route> <Route path="/" element={<Outlet/>}> <Route index lazy={() => import("./Home")} /> <Route path="contact" lazy={() => import("./Contact")} /> <Route path="about" lazy={() => import("./About")} /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route> const Home= lazy(() => import("./screens/home")); const About= lazy(() => import("./screens/about")); <Route> <Route path="/" element={<Outlet/>}> <Route index element={<Suspense fallback={<div>Loading...</div>}> <Home/> </Suspense> /> } /> <Route path="about" element={<Suspense fallback={<div>Loading...</div>}> <About/> </Suspense> /> } /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route>

reactjs typescript react-router-dom

回答 1 投票 0

什么在 Next.js next/navigation 中的react-router-dom 中替换 useLocation() ？

最近，我从 React 迁移到 Next.js [email protected]。在我的网站中，我在使用 useNavigate() 推送时使用了状态，并使用 useLocation() 从另一个页面获取值。我怎样才能做同样的事...

reactjs next.js react-router-dom

回答 1 投票 0

链接点击时的反应模式调用

使用react-modal，我需要通过锚标记或react-router-dom链接单击超链接时显示模式。示例：单击注册超链接，注册表模式应打开。

javascript reactjs hyperlink react-router-dom react-modal

回答 1 投票 0

使用react-router-dom v6进行路由在SPA中预先检测路由变化

我正在构建 SPA 应用程序。我有一个带有表单更改的组件，可以保存或取消这些更改，具体取决于用户按下的按钮。我有一个标志，表明某些更改...