react-router 相关问题

React Router - 一个完整的React路由库，灵感来自Ember的路由系统

React vite ssr 不让我使用路由（react-router-dom 的问题）

我正在使用react vite ssr，结构与示例项目相同，创建vite-react-ssr来制作landind页面，但是当我想实现像关于我们这样的路线时，o notfound there a l...

reactjs react-router react-router-dom server-side-rendering vite-reactjs

回答 1 投票 0

这是受保护的路由代码： const ProtectedRoute = (props) => { const [isAuthenticated, setIsAuthenticated] = useState(false); 使用效果（（）=> { const checkAuth = async () =>...

javascript reactjs react-router

回答 1 投票 0

页面加载时重新混合重定向

在 Remix 中重定向页面加载的最佳方式是什么？我下面的代码是不是很糟糕或者没有必要调用？我网站上的基本路线始终以 /orderId 开头。我有一个标记为 &q...

reactjs react-router remix.run

回答 1 投票 0

React Router SSR：useLocation()只能在<Router>组件的上下文中使用

我遵循了本指南https://reactrouter.com/en/main/guides/ssr#without-a-data-router 我正在服务器渲染这样的应用程序 // ... 我遵循了本指南https://reactrouter.com/en/main/guides/ssr#without-a-data-router 我正在服务器渲染这样的应用程序 <StaticRouter location={req.url}> <Routes> // ... </Routes> </StaticRouter> 我的一条路线包含此代码 import React from 'react' import { useLocation } from 'react-router' export function SceneButton(props: SceneButtonProps) { const location = useLocation() // ... return <button>Scene</button> } 当我渲染应用程序时，出现此错误 useLocation() may be used only in the context of a <Router> component. 如何以浏览器端和服务器端都有效的方式获取此处的位置？另外，奇怪的是，React Router 文档真的希望我使用 Remix，但我的应用程序很大，我无力重写它。如果您使用的是 StaticRouter 中的 react-router-dom/server import { StaticRouter } from "react-router-dom/server"; 然后我怀疑您还需要从同一个库导入 useLocation 钩子，例如react-router-dom 而不是较低级别的 react-router 库。更新 SceneButton 以从 react-router-dom 导入： import React from 'react'; import { useLocation } from 'react-router-dom'; export function SceneButton(props: SceneButtonProps) { const location = useLocation(); // ... return <button>Scene</button>; }

reactjs typescript react-router

回答 1 投票 0

React Router 重定向功能不起作用

我正在React路由器中实现一个虚假的身份验证系统，当用户未登录时，该系统将用户重定向到带有路由“/login”的登录页面。该功能位于utils.js中...

javascript reactjs http-redirect react-router

回答 1 投票 0

React 应用程序在注销时不会重定向到登录页面

我正在开发一个带有用户身份验证的 React 应用程序。我想在用户注销时（即，当他们的身份验证令牌被删除时）自动将用户重定向到登录页面。然而，...

reactjs react-router

回答 1 投票 0

使用 React Router DOM 表单组件将“/?index”附加到地址栏中的基本 URL

我正在使用react和react-router-dom实现一个身份验证页面，其中我的登录页面是我主页的索引路由，我正在利用react-router-dom表单组件来处理提交...