React-router:嵌套路由错误

文章/答案/技术大牛

发布

1回答

React Router Location对象键

javascript、reactjs、react-router

谁能给我一个来自react路由器的location对象中的key的定义？我所看到的是有时它有一个字符串作为它的值。我已经浏览了源代码和互联网，但我仍然不能很好地理解它所代表的意义。

浏览 10提问于2018-05-31得票数 2

2回答

如何使用react router 4实现嵌套路由？

reactjs、redux、react-router

有人知道如何在react路由器4中做嵌套路由吗？我想这样设置路由：import { Route, Switch } from 'react-router'; <Route path="/users" component={Containers

浏览 5提问于2017-03-31得票数 0

2回答

位置不匹配-嵌套路由不起作用

reactjs、react-router、nested-routes

我正在尝试使用嵌套路由，但它给出了以下错误：这是我的路线代码。当我尝试使用制造商的嵌套路由时，我得到了错误。import React from 'react';import

浏览 4提问于2016-11-30得票数 0

2回答

useNavigate给了我空白的网页

reactjs、react-router、material-ui、react-router-dom

/guestPage";import {Routes} from "react-router/Modal.css";import {useNavigate} from "react-router"; export但是当我使用钩子useNavia

浏览 9提问于2022-06-14得票数 2

回答已采纳

1回答

带有可选参数的嵌套路由

reactjs、react-router

嗨，为了本地化原因，我需要可选的嵌套路由，如/en/mypage，/ru/mypage，/my页，我已经尝试过使用<Route，但没有成功。我知道添加到每个路由参数都是可能的，但这并不是更好的方式。

浏览 8提问于2019-09-24得票数 1

回答已采纳

4回答

reactjs、webpack、react-router、react-redux

下面是我的路由代码 <Router history={ browserHistory }> <IndexRoute但是，当我转到嵌套在{users}中的剩余URL时，例如{signin}，{signout}，{signup}。chrome状态错误：GET http://localhost:8080/users/bundle.js 404 (Not Fo

浏览 42提问于2016-09-26得票数 1

回答已采纳

1回答

组件未安装:React路由器1.0.0-rc1 + Redux

reactjs、react-router、redux

/components/Donations')); }这很好，直到我到达嵌套路由donations/:id，它看起来像： path:/components/Donation')); }当我导航到这个路由(例如：/donations/123)时，会触发该路由，加载bundle.js文件，并且两个console.log都出现在控制台中，因此我

浏览 1提问于2015-09-24得票数 7

回答已采纳

1回答

更改url的ReactJS呈现子视图

javascript、reactjs

我的路由器是： const component = await

浏览 2提问于2015-08-29得票数 1

回答已采纳

1回答

当在嵌套组件中使用react组件时，模块中断

javascript、reactjs、react-router

我正在尝试呈现一个名为Navbar的简单嵌套的React组件，但是当我在其中使用另一个组件(在本例中是一个Link标记)时，控制台会给出‘未明的错误:无法找到模块“../Navbar”。如果我删除Link，就会显示h1标记，并且没有错误。我可以在中使用Link标记，所以我知道它应该在项目中工作。/Navbar'; export default React.createCl

浏览 2提问于2015-03-13得票数 0

回答已采纳

1回答

如何使用react-router将UI与URL解耦？

reactjs、react-router

以下是我试图在react-router中配置的嵌套路由： <Route path="student/:studentId" onEnter嵌套的student/:studentId/edit应该显示一个表单来编辑以前显示的值。我想要避免的是必须将StudentForm组件嵌套在Student组件中，然后直接在App中显示表单。我已经阅

浏览 0提问于2016-04-30得票数 1

1回答

从react-router巨型应用程序示例之类的结构迁移到redux

reactjs、react-router、redux

我按照react-router大型应用程序的例子实现了动态路由。现在我想使用redux来进行简单的状态管理，但是不知道该怎么做。谢谢。

浏览 0提问于2015-12-23得票数 1

1回答

React路由器无法为嵌套路由的形式找到操作

javascript、reactjs、react-router

React路由器找不到嵌套路由的动作。 }} ></Route>); 在app.js中，我定义了嵌套路由我期望在表单提交时，调

浏览 6提问于2022-10-27得票数 1

1回答

我有一个具有子组件Platform的HomePage组件。在平台组件中有一些链接，在单击这些链接时，它应该在浏览器中打开一个新的选项卡，这将打开另一个组件PlatformFeatures中的特定选项卡。在PlatformFeatures组件中有一个选项卡组件，其中每个选项卡都有唯一的选项卡号或索引和url。此url将与Platform组件中的链接的url相同(我猜)。问题是，我将点击一个来自平台组件的链接，它将打开特定选项卡组件的链接，该选项卡组件在PlatformFeatures中，component.This将在浏览器的新选项卡中打开，浏览器URL将有特定选项卡的链接，可能会作为散列添加

浏览 13提问于2020-08-19得票数 2

回答已采纳

1回答

history.push()不工作-更新url，但不转移

reactjs

我看过很多关于这个问题的答案，但还是想不出我正在使用 `" "react-router": "^5.2.1",import { Router } from 'react-router'; return ( <Redux

浏览 30提问于2021-10-06得票数 0

2回答

用不同的html响应路由器

twitter-bootstrap、reactjs、components、react-router

我想使用react路由器来处理不同的路由，问题是每个路由都有自己的html (考虑引导网格系统，每个类型都有自己的布局)是否可以为不同的路由加载diffrent html框架并将组件附加到相应的容器上？

浏览 1提问于2016-03-21得票数 0

回答已采纳

2回答

反应路由器:嵌套路由组件安装在父路由组件之前？

javascript、reactjs、react-router、nested-routes

我有这样一个嵌套的路径： <Route path=":moduleId" component={Module}/这是嵌套路由的预期功能吗?我问，因为我在模块中进行了一些数据收集，需要解决这些问题，以便模块按预期呈现。如果我看到模块在挂载之前就已经呈现了，这怎么可能呢？

浏览 3提问于2016-12-08得票数 3

回答已采纳

1回答

将路由器参数传递给深嵌套组件

javascript、reactjs、redux、react-router

以redux 为例，说明如何与react-router一起使用 return ( <<VisibleTodoList filter={params.filter || 'SHOW_ALL'} /> </div>} 假设redux和react-router都正确设置，那么如何将

浏览 1提问于2018-04-20得票数 0

回答已采纳

1回答

如何实现React-Router* 6中嵌套路由的身份验证？*

reactjs、react-router

我正在尝试使用react-router v6为我的路由实现身份验证，如下所示 <BrowserRouter> <Route path="/authNavigate to={"/auth/login"} replace={true}/> ) </Routes> </BrowserRouter> 当我没有登录并试图转

浏览 25提问于2020-08-06得票数 1

2回答

useNavigate钩反应

reactjs、react-hooks、react-router

我正在尝试使用useNavigate钩子，似乎它不起作用，无法确定它需要什么，更多的反应-路由器的版本，我所使用的。react路由器@6.3.0 -- react-router-dom@6.3.0 -- react路由器@6.3.0当前反应-路由器版本。错误: useNavigate只能在路由器组件的上下文中使用import { useNaviga

浏览 8提问于2022-04-13得票数 1

2回答

将react路由器v3更改为react路由器v4

reactjs、react-router

我有一个问题，从反应路由器c3迁移到反应路由器v4.我不知道如何正确配置它。我要进口这个：import { BrowserRouter } from "react-router-dom"; <BrowserRouter> <Route path="/" comp

浏览 0提问于2018-05-07得票数 1

回答已采纳

点击加载更多

React Router Location对象键

如何使用react router 4实现嵌套路由？

位置不匹配-嵌套路由不起作用

useNavigate给了我空白的网页

带有可选参数的嵌套路由