react-router-dom 相关问题

使用此标记可以了解有关DOM使用和React Router v4绑定的问题。

React Router 抛出 [未定义] 不是一个 React 组件

我正在从react-router-dom v5迁移到v6。运行服务器时,它会抛出错误:history.ts:494 Uncaught Error: [undefined] is not a component。 <

回答 1 投票 0

React Router 的 createBrowserRouter 在 vite 上无法正常工作

有人可以帮我解决这个简单的结构吗?这里唯一的问题是链接不起作用,它无法转到“/all-notes”路径,它在控制台上显示错误,就像 ErrorBoundary a.. .

回答 1 投票 0

是否可以为带查询参数和不带查询参数的路径使用不同的加载器,或者在 React Router 6 中添加它们时有条件地跳过加载器?

我有一个路径 /items 加载器,它从 API 获取大量数据,所以我使用延迟加载器。我想仅在没有搜索时有条件地渲染 代码...

回答 1 投票 0

迁移到React Router Dom v6后,我是否错误地使用了Link组件?

我刚刚将我的应用程序从 React Router Dom v5 迁移到 v6。 我注意到一个奇怪的现象。 我的应用程序的结构使得在项目和子项目之间移动的用户保持在相同的 URL (example.com/proje...

回答 1 投票 0

当我尝试更改 React js 中的功能组件中的类组件时遇到问题

app.js 文件代码我想转换它: 从“./components/Toolbar”导入工具栏; // 从“./components/Iqac/iqac”导入 Iqac; 从“反应”导入反应; 导入“...

回答 1 投票 0

将车辆类型参数传递给 API 时出现问题

我在将车辆类型作为参数传递给 React 应用程序中的 API 时遇到问题。当尝试将变量“vehicle”传递给 API 时会出现问题

回答 1 投票 0

如何从 URL 获取令牌?

目前,我有一个通过用户电子邮件发送的身份验证 URL,其中包含以下令牌:“http://localhost:5173/activation/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9。

回答 1 投票 0

有没有办法可以在 React-router-dom V6 的前端渲染商店产品?

我正在构建一个电子商务网络应用程序,其中只有商店才能创建产品。每个产品都属于一个商店,每个商店都有自己的产品。因此,当我点击商店时,它会将我带到带有

回答 1 投票 0

React Router 为 404 页面添加不同的布局

这是组件: 函数应用程序(){ 常量主 = () => { 返回 ( ... 这是组件: function App() { const Main = () => { return ( <section className="app_section"> <div className="navbar_container"> <Navbar /> </div> <div className="pages_container"> <Routes> <Route path="/" element={<HomePage />} /> <Route path="dashboard" element={<DashboardPage />} /> <Route path="about" element={<AboutPage />} /> <Route path="terms" element={<TermsPage />} /> <Route path="privacy" element={<PrivacyPage />} /> <Route path="api" element={<Api />} /> </Routes> </div> </section> ); }; const NotFound = () => { return <p>404</p>; }; return ( <div className="App"> <Routes> <Route path="login" element={<Login />} /> <Route path="/*" element={<Main />} /> </Routes> </div> ); } 如何为 404 Not Found 页面的路由器添加第三个布局我尝试这样做: <Routes> <Route path="login" element={<Login />} /> <Route path="/*" element={<Main />} /> <Route path="*" element={<NotFound />} /> </Routes> 但由于"/*"点击了所有链接而无法正常工作,我该如何缓解这种情况? 我建议创建一个 MainLayout 包装组件,其中包含您想要的布局容器组件,并为子路由呈现 Outlet。在 NotFound outside 路线上渲染 Route。MainLayout ... const MainLayout = () => ( <section className="app_section"> <div className="navbar_container"> <Navbar /> </div> <div className="pages_container"> <Outlet /> </div> </section> ); ... const Main = () => { return ( <Routes> <Route path="/" element={<MainLayout />}> <Route index element={<HomePage />} /> <Route path="dashboard" element={<DashboardPage />} /> <Route path="about" element={<AboutPage />} /> <Route path="terms" element={<TermsPage />} /> <Route path="privacy" element={<PrivacyPage />} /> <Route path="api" element={<Api />} /> </Route> <Route path="*" element={<NotFound />} /> </Routes> ); }; 创建 React.lazy 路由时遇到问题。它仅在刷新页面后加载。你知道如何解决吗?我也在 CodeSanbdox 中尝试过测试,但是如果我正在执行一些不同的路线,例如 404 和其他路线,React 会写出错误。 function App() { return ( <div className="App"> <Routes> <Route path="login" element={<Login />} /> <Route path="/*" element={<Main />} /> </Routes> </div> ); } 在CodeSandbox中编辑

回答 2 投票 0

useParam 在 React router Dom v6 中不起作用?

我试图将参数传递给我的另一个组件,即productDetail组件,但是当我尝试使用useParam访问该参数值时,它似乎不起作用: 应用程序: 导入反应...

回答 1 投票 0

升级后找不到react-router-dom.js

出现未捕获的错误:模块构建失败:错误:ENOENT:升级后浏览器中没有此类文件或目录错误。 我尝试通过修改 package.json 中的版本然后在...中进行 npm 来升级

回答 1 投票 0

刷新后不会显示嵌套的 React 路由

我导航到主路由及其嵌套路由没有问题,但嵌套路由示例/注册中出现问题,当我尝试刷新页面时,页面显示为空白,没有呃...

回答 1 投票 0

将从受保护路由中的 useQuery 获取的 user prop 传递给其子组件

我正在尝试将用户对象从受保护的路由传递到子组件中以在子组件中使用它,我怎样才能获得它? “请注意,useGetCurrentUser 正在返回用户对象&qu...

回答 1 投票 0

当我添加链接标签和路由时,我的 React 应用程序停止渲染任何内容

所以我正在做在线商店,我正在一步一步地进行该项目,我正在做导航栏,但是当我使用链接标签并添加路由时,反应应用程序停止渲染,它给出了空白...

回答 1 投票 0

React Router DOM v6 - 每次路由更改时组件无法重新安装

从“react”导入React; 从“react-router-dom”导入{BrowserRouter、路由、路由、导航、链接}; 导入“./styles.css”; 函数主页() { 返回 <...

回答 1 投票 0

使用 i18n for Outlook 插件在 React Router DOM 中实现多语言翻译

我正在开发一个 Outlook 插件,使用 React Router DOM 进行路由。我正在尝试使用 i18n 实现多语言翻译功能,但在使其正常工作时遇到困难

回答 1 投票 0

为什么我的输入没有重置? {react-router-dom}

我目前正在努力让重置按钮有效地重置搜索功能。虽然按钮本身按预期工作,但我遇到了一个问题,文本输入字段......

回答 1 投票 0

react router v6 + vite + TS 中的受保护路由,当我获取特定页面 url 时,它会将我返回到 / [重复]

我正在尝试在React router dom vs 6中创建受保护的路由,但我有一个又一个问题显示,例如刷新页面变为空白然后修复页面后仅返回登录任何人都可以

回答 1 投票 0

如何在React Router v6 + vite + TS中创建受保护的路由[重复]

我正在尝试在React router dom vs 6中创建受保护的路由,但我有一个又一个问题显示,例如刷新页面变为空白然后修复页面后仅返回登录任何人都可以

回答 1 投票 0

在React Router v6 + vite中创建受保护的路由

我正在尝试在React router dom vs 6中创建受保护的路由,但我有一个又一个问题显示,例如刷新页面变为空白然后修复页面后仅返回登录任何人都可以

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.