如何从react-router中的嵌套路由路由到另一个父路由

文章/答案/技术大牛

发布

2回答

useNavigate给了我空白的网页

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

/guestPage";import {Routes} from "react-router/Modal.css";import {useNavigate} from "react-router"; export，它可以在模式框中</e

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

回答已采纳

1回答

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

reactjs、react-router、redux

我有一个小的原型使用React，Redux和React路由器1.0.0-rc1。原型使用Webpack进行代码分割。/components/Donation')); }当我导航到这个路由(例如：/donations/123)时，会触发该路由，加载bundle.js文件，并且两个console.log都出现在控制台中，因此我知道该路由已加载到内存中。(error, value) {

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

回答已采纳

2回答

用不同的html响应路由器

twitter-bootstrap、reactjs、components、react-router

我想使用react路由器来处理不同的路由，问题是每个路由都有自己的html (考虑引导网格系统，每个类型都有自己的布局)是否可以为不同的路由加载diffrent html框架并将组件附加到相应的容器上？另一种解决方案是有一个通用的html并在每个组件中放置网格，但是这个解决方案降低了组件的可靠性--我如何克服这个问题？

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

回答已采纳

2回答

在react-router* v4中获取路径参数*

javascript、reactjs、react-router

我正试图通过我的应用程序建立一个路由器链接，Book.js我在书里面建立了一个<Link>，只有在悬停时才会出现(在书的封面上)<div className="hover-box"></div>这将把我带到a /deta

浏览 0提问于2017-08-03得票数 24

回答已采纳

1回答

javascript、reactjs、react-router

我有一个这样的父容器： <Router> <Route path="/website" component={Website} />Route path="/dashboard" component={Dashboard} /> </Router> 并且Website和Dashboard组件都有另一组<e

浏览 4提问于2020-12-04得票数 0

1回答

反应路由器多玛v6子路由问题

javascript、reactjs、react-router

我正在做一个实践练习，我正在使用router v6创建子路由，问题是配置文件路由有一个身份验证，如果它是认证的--它向我显示配置文件组件，否则它会把我送回家。现在，对于这个/profile路由，我创建了一个/exerciselist子路由，但是当我想访问/配置文件/锻炼者时，组件不加载我，它直接把我发送到/profile路由，我如何使它加载配置文件/练习路径

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

1回答

检查admin的方法是在尝试登录时将我重定向到主页。

javascript、reactjs、react-redux、react-hooks

我创建了一个方法来检查用户是否是admin，所以组件将在导航栏中呈现，但是在我这样做之后，现在当我尝试登录时，它总是将我返回到主页。> </Box> )} 我的问题是如何解决问题，以便我可以正常登录，但如果你没有登录，你将无法访问的管理内容的路由。在userAction.js中</em

浏览 5提问于2022-03-01得票数 -1

回答已采纳

4回答

React-router:嵌套路由错误

reactjs、webpack、react-router、react-redux

下面是我的路由代码 <Router history={ browserHistory }> <IndexRoute{App}、{Indexpage}、{users} {users}组件嵌套在{App}本身中。所以当我转到URL："/users“的时候，它就能工作了。但是，当我转到嵌套在{users}中</em

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

回答已采纳

1回答

如何在不添加url的情况下导航到特定的路由

javascript、reactjs、react-router

我正在使用react-router，我有一些嵌套的路由，比如"/stories"和"/stories/:storyId"，现在我的问题是，我有一个组件，它是一个单一的故事，并且使用这个特定的storyId导航到路由"/stories/:storyId"，点击它查看故事细节。问题在于，这个单个组件可以在另一个<

浏览 2提问于2022-10-11得票数 2

回答已采纳

3回答

react-router中的嵌套路由

reactjs、react-router

我在React-Router中设置了一些嵌套路由(v0.11.6就是我正在使用的)，但是每当我尝试访问其中一个嵌套路由时，它都会触发父路由。我的路由如下所示： <Route name="home" path="/" handler={availableRoutes.Splash}

浏览 0提问于2014-12-23得票数 29

回答已采纳

2回答

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

reactjs、redux、react-router

有人知道如何在react路由器4中做嵌套路由吗？我想这样设置路由：import { Route, Switch } from 'react-router'; import Containers--而不是Containers.User中的组件。我使用react-router 3进行了非常简单的设置，但似乎

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

1回答

and路由器在我的私有管理布局和普通用户布局中不工作

reactjs、react-router

我是react的新手，我想私下展示一下我的管理仪表板，但是仅仅是第一线的工作和其他路由的组件没有显示出来。这是我的密码： <Route path="/admin" element={<PrivateLayout />}> <Rou

浏览 3提问于2022-04-13得票数 2

回答已采纳

2回答

成员嵌套组件动作不冒泡

ember.js

问题是，如果我产生嵌套组件的内容，动作气泡到控制器，然后路由。希望能让它更清晰问题是:我如何从foo发送一个操作到应用程序控制器和路由？

浏览 4提问于2014-11-26得票数 2

回答已采纳

1回答

嵌套路由器中的链接无法导航到父路由器的路由

reactjs、react-router、react-router-dom

我有一个嵌套路由器，但我的嵌套路由器无法路由到父路由器的路由。嵌套路由器中的链接不起作用。它在url中显示/admin，但不会路由到AdminPage。当我重新加载页面时，它起作用了。指向AdminPage的未嵌套链接按预期工作

浏览 38提问于2020-11-23得票数 1

回答已采纳

1回答

react路由器4的具有公共布局的嵌套路由

react-router-v4

我现在正在将我的项目从react-router 3.0.0升级到4.1.2，现在遇到了嵌套路由的问题。<Router> <Route path='/abc' compone

浏览 4提问于2017-08-03得票数 0

2回答

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

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

3回答

使用交换机时滚动到顶部(react-router)

javascript、reactjs、react-router、react-router-v4

当从一个页面导航到另一个页面时，我希望用户自动滚动到顶部，即scrollTo(0, 0)。根据react-router 的说法，推荐的方法是设置一个组件ScrollToTop并将您的路由包装在其中。虽然这很好用，并且用户可以滚动到ScrollToTop组件中嵌套的任何路由的顶部，但如果组件放在Switch组件中，Switch将不再像开关一样工作；这意味着它将呈现它

浏览 2提问于2017-10-22得票数 8

3回答

React-Router:嵌套路由和父级重新渲染

reactjs、react-router

我正在使用react-router v4，但在使用嵌套路由时遇到了一些问题。我的父路由是一个产品详细信息页面，它在componentDidMount()中使用AJAX请求来设置产品数据。但是，当我单击一个链接来呈现嵌套在详细信息页面中的路由时，父路由将重新呈现，AJAX会再次请求吗？this.props.match.path}/third} component={Thir

浏览 2提问于2018-01-18得票数 10

1回答

ui不触发具有参数化id的url中的状态转换

angularjs、angular-ui-router、ionic-framework

在我的app.js文件中，菜单有两个状态。父状态本质上是一个列表，而子状态是一个包含URL字符串中ID参数的详细视图。stateParams', function($stateParams) { }]});<button class="button button-posi

浏览 7提问于2014-12-01得票数 1

回答已采纳

1回答

反应路由器-使用子路由浏览内部页面

reactjs、react-router

我正在使用反应路由在页面之间导航。具有子链接的导航，父链接1父链接2 a.父链接1/子链接1 b.父链接1/子链接2如何在反应性路由器中实现此导航。请看附此帖子的图片，以了解我的查询。

浏览 2提问于2019-02-03得票数 1

点击加载更多

useNavigate给了我空白的网页

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

用不同的html响应路由器

在react-router* v4中获取路径参数*