react-router 相关问题

在本地使用 Webpack 开发服务器，如下所示：开发服务器：{ 历史记录ApiFallback：true } 我使用 React Router v6 进行了路由器设置，如下所示：像这样在本地使用 Webpack 开发服务器： devServer: { historyApiFallback: true } 我使用 React Router v6 进行了路由器设置，如下所示： <Routes> <Route path='/' element={ <AppLayout> <Outlet /> </AppLayout> } > <Route index element={<Dashboard />} /> <Route path='/user' element={<UserList />} /> <Route path='/user/:id' element={<UserDetails />} /> </Route> </Routes> 现在，当我刷新/user时，我正确地看到正在加载的用户路由如果我点击/user/1的链接，路线就会正确加载但是，当我刷新/user/1时，我看到没有加载路线有人知道这里的问题是什么吗？我在以前版本的react router上没有遇到过这个问题我知道这已经很旧了，但对于其他来到这里并遇到同样问题的人来说，这就是我解决问题的方法。在我的 webpack.config 中，我更新了 devServer.historyApiFallback 键： historyApiFallback: { rewrites: [{ from: /./, to: '/index.html' }], index: 'index.html', }, 在我的index.html中的<head>标签中我添加了：<base href="/" />这允许深度路由与React路由器一起使用。当尝试在该嵌套路径加载 html 时，导航到 /child/another-child/last-child 并刷新不会导致 404 错误。它重写了所有路径以指向 /index.html 因为我正在使用 SPA，这是有道理的。然后代码可以根据路径渲染正确的 JSX。

reactjs webpack react-router webpack-dev-server

回答 1 投票 0

React Router Dom v6 - 函数作为 React 子项无效

我正在尝试升级到react router dom v6。该应用程序可以工作，但我似乎无法让测试用例工作。在我们有了这个笑话包装之前： const render = (ui: React.FC, 路径: 字符串, ...

reactjs react-router react-router-dom

回答 2 投票 0

在react-router-dom中隐藏某些页面的标题

有没有办法可以仅隐藏 React Router 中某些路由的页面标题？我现在的问题是我的 App 组件呈现我的 Main 组件，其中包含我的 BrowserRouter，而我的 Header 是 ren...

reactjs react-router react-router-dom react-dom

回答 6 投票 0

npm启动后显示空白页面，浏览器没有显示任何错误消息

npm启动后显示空白页面，浏览器没有显示任何错误消息。进口 { 创建浏览器路由器，路由器提供商，路线，出口，来自“react-router-dom”；导入'./...

javascript reactjs node.js routes react-router

回答 1 投票 0

如何从子文件夹运行Vite React应用程序

我使用Vite创建一个React应用程序。路线.tsx 从“react-router-dom”导入{RouteObject，createBrowserRouter}；从“../layout/App”导入应用程序；从“../../

reactjs typescript react-router react-router-dom vite

回答 1 投票 0

如何从子文件夹运行Vite React应用程序

我使用Vite创建一个React应用程序。路线.tsx 从“react-router-dom”导入{RouteObject，createBrowserRouter}；从“../layout/App”导入应用程序；从“../../

reactjs typescript react-router react-router-dom vite

回答 1 投票 0

如何更改 extraReducers 中另一个减速器的状态？

假设我有以下生命周期操作。 builder.addCase(loginUser.pending, (状态, 操作) => { 状态.isLoading = true; }).addCase(loginUser.fulfilled, (状态, 操作) => { 状态。

reactjs react-redux react-router redux-toolkit redux-thunk

回答 1 投票 0

在react-router-dom v6中使用通用页面包装组件有问题吗？

我在React应用程序中使用react-router-dom v6。我有带有 url 参数的路线。当参数改变时，路由的 element prop（它是一个组件）会重新渲染，但是 useEffect 具有...

reactjs react-router

回答 1 投票 0

检查是否登录 - React Router App ES6

我正在使用react-router（v2.8.1）和ES6语法编写React.js应用程序（v15.3）。我无法让路由器代码拦截页面之间的所有转换以检查用户是否需要登录...

javascript authentication reactjs ecmascript-6 react-router

回答 7 投票 0

React/React-Router：导航栏未更新登录用户的信息

StackOverflow 社区您好，我正在开发一个全栈应用程序，使用 Django REST Framework 作为后端，使用 React 作为前端。我的导航栏遇到问题，其中已登录

reactjs django-rest-framework axios react-router

回答 1 投票 0

无法将用户从产品列表页面路由到描述页面react-router

在主页上，单击“产品”时，用户将被定向到产品列表页面。我正在尝试设置，以便当用户单击任何列出的产品时，他将被重定向到

reactjs react-router react-router-dom

回答 1 投票 0

过渡后将滚动页面反应到顶部

我希望当单击网站内的另一个页面时我的应用程序转到页面顶部。我使用了以下代码：https://v5.reactrouter.com/web/guides/scroll-restoration 并放入了 sep...

javascript reactjs react-router window react-dom

回答 1 投票 0

为什么链接在 React 中打不开到另一个页面？

标题.tsx 从“反应”导入反应从 'react-router-dom' 导入 { NavLink } const 标头：React.FC = () => { 返回（

reactjs react-router

回答 0 投票 0

通过 React Router v6 的 Link 组件传递 props

我正在使用 React Router 创建一个登录/注册页面。我创建了一个用于登录/注册的页面，在该单个组件中我使用条件渲染来显示登录和注册部分...

reactjs react-router

回答 1 投票 0

如何在 React 中路由模态登录/注册表单？

我正在开发我的文凭项目网站。主页上有一个按钮，可以弹出带有登录表单的模式窗口。此登录表单上还有一个按钮，可用于制作登录表单

javascript reactjs react-router frontend url-routing

回答 1 投票 0

react-router 相关问题

最新问题