为什么我的一个嵌套的react路由不起作用？
嵌套的React路由不起作用可能是由于以下几个原因：
- 路由配置错误：请确保你正确配置了嵌套路由的路径和组件。在React Router中，嵌套路由的路径应该是相对于父路由的路径的。
- 路由组件未正确渲染：请确保你在父组件中正确地渲染了嵌套的路由组件。在React Router中，可以使用
<Switch>组件来确保只有一个路由组件被渲染。 - 路由匹配问题：嵌套路由的路径匹配是从上到下的，所以请确保你的嵌套路由的路径没有被其他路由匹配到。可以使用
exact属性来确保精确匹配。 - 路由版本不兼容：请确保你使用的React Router版本与你的代码兼容。不同版本的React Router可能有不同的用法和配置方式。
如果以上解决方法都没有解决你的问题，你可以提供更多的代码和错误信息，以便我们更好地帮助你解决问题。
关于React路由的更多信息和腾讯云相关产品，你可以参考以下链接：
- React Router官方文档：https://reactrouter.com/
- 腾讯云Serverless Cloud Function（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 腾讯云Serverless Framework：https://cloud.tencent.com/product/sls
相关·内容
1回答
为什么我的一个嵌套的react路由不起作用？
javascript、reactjs、react-router-dom
我有一个React视图组件，它看起来与下面的代码大致相似。我遇到的问题是嵌套的/:handle/saved路由与相应的组件不匹配，因此，我被重定向到NotFound页面。我在应用程序的其他页面中嵌套了路由，它们工作得很好，那么我在这里缺少了什么？ 下面是对应于页面组件的代码。import <
浏览 5提问于2019-10-10得票数 0
1回答
React路由器v4嵌套路由不匹配
react-router-v4
我是新的反应路由器，并努力理解为什么我的实现不起作用。在DevTools中，它似乎创建了嵌套路由，但是当我单击应该加载它的链接时，整个页面将重新呈现为空白。我猜想链接的URL与路由的路径不匹配(尽管你可以从屏幕截图中看到，它们是相同的)，或者路由从来没有被注册和测试过匹配吗？我在ReportC
浏览 0提问于2018-03-31得票数 3
回答已采纳
1回答
嵌套路线与剩余集成不起作用？
reactjs、react-redux、react-router、react-router-v4、react-router-dom
我是我项目中的筑巢路线。我有App.js，我在其中定义了路由，在组件中，我有更多的路由，我希望它们是嵌套的。唯一的问题是，我的嵌套路由位于连接到redux的组件中。嵌套路由不能正常工作。我已经从官方文件中试过了，但是<em
浏览 1提问于2019-04-30得票数 0
回答已采纳
1回答
反应路由器-使用子路由浏览内部页面
reactjs、react-router
我正在使用反应路由在页面之间导航。具有子链接的导航，父链接1父链接2 a.父链接1/子链接1 b.父链接1/子链接2如何在反应性路由器中实现此导航。请看附此帖子的图片，以了解我的查询。
浏览 2提问于2019-02-03得票数 1
1回答
声明子组件中的本机路由无效
reactjs、react-native、routes、nested、react-router
我在使用react路由器v4实现react本机内的嵌套路由时遇到了问题。
如果嵌套路由是在App.js中声明的，那么它可以正常工作，但是当它在另一个组件中声明时，重定向不起作用。我试图在这里跟踪文档：https://reacttraining.com/react-router/core/guide
浏览 1提问于2018-04-13得票数 0
回答已采纳
1回答
React路由器-dom:嵌套路由不起作用，而是从根组件应用程序中路由
reactjs、react-router、react-router-v4、react-router-dom、react-router-component
我遵循这个来实现嵌套路由。我正在使用PrivateRoute组件保护/home路由。私有路由正常运行，并在用户登录到默认布局后将其路由：
知道我做错了什么吗？但是，不是作为嵌套路由，而是作为根路由中的一
浏览 4提问于2020-02-18得票数 1
2回答
react导航，获取嵌套路由的名称
react-native、react-navigation
我在下面有一个嵌套的抽屉导航器，我在页眉中使用了一个自定义组件： return <DrawerHeader {...props} />;当我尝试从props访问header中的当前路由时，如下图所示，标题为undefined，如何获取当前路由？
浏览 13提问于2020-05-21得票数 2
回答已采纳
1回答
在React Router中使用多个参数？
reactjs、react-router
path="/:user" component={Home}></Route>
因此，我的应用程序中有两个动态对象，我希望通过react-router中的路由参数来控制它们。使用上面的代码，/0和/0/3都会把我
浏览 3提问于2016-08-11得票数 1
回答已采纳
1回答
为什么我要嵌套我的React路由？
javascript、reactjs、react-router
我很难理解为什么我要通过组件嵌套我的react路由。在下面的示例中，您有两个组件分布在多个文件中。Example topic <Route path={`${match.path}/:topicId`} component={Topic}/>)
我目前正在为我的公司构建<
浏览 0提问于2020-08-05得票数 1
1回答
使用React路由器“嵌套”路由可以吗？
reactjs、react-router、react-router-dom
我有一个使用React路由器v5的React应用程序(尽管我认为这个问题适用于V4、5和6)。下面是我想做的事情:在App.js中： <Route path='/main' component={Main}/><
浏览 11提问于2022-08-10得票数 1
回答已采纳
2回答
为什么我有一个错误“[头]不是一个<Route>组件”？
javascript、reactjs、react-router
我有一个社交媒体应用程序，我的App.js看起来是这样的： <Router> </Routes> </Router>因此，如果用户获得授权，它会将我们重定向到主页面，但是如果他们是未经授权的，我们
浏览 9提问于2022-05-20得票数 0
回答已采纳
1回答
react中的嵌套路由不呈现嵌套组件。
reactjs、react-router-dom
App.tsximport { Route,import { Switch, Route } from "react-router-dom";
浏览 2提问于2019-04-22得票数 0
回答已采纳
1回答
调用嵌套路由时，.env和route dotenv没有读取正确的文件。
reactjs、dotenv
当我试图直接访问嵌套路由时，.env无法读取变量，并且在控制台日志中得到以下错误消息
浏览 1提问于2022-08-13得票数 0
2回答
Node.js中的Heroku自定义DNS API路由问题
javascript、node.js、express、heroku、routes
我在Heroku中设置了一个自定义域名，运行良好。我可以使用我的应用程序名称和自定义域名访问我的网站。我可以使用我的标准Heroku URL访问路由，但不能使用自定义域。https://{myappname}.herokuapp.comhttps://{cust
浏览 15提问于2019-04-26得票数 0
回答已采纳
1回答
路由后未呈现的反应性组件
reactjs
我有一个主页，这是第一次呈现，主页有一个链接到邮编页。我的目标是从主页路由到邮政编码页面。由于某种原因，当我单击链接时，邮政编码页面中的代码不会呈现，但是url将更改为/Postcode。我在下面的代码上使用了嵌套的路由技术，但是当我没有将邮政编码路由作为第一条路由的子路由时，它就能正常工作。那么，当第二条路由
浏览 4提问于2022-03-13得票数 0
2回答
我无法在测试中设置一条特殊的路径。
testing、react-router、jestjs
因此，为了测试它，我需要能够“设置”路径。例如，我希望在路径为/注册时呈现SignUp组件。我所做的:我认为我可以使用initialEntries给MemoryRouter一个初始路径(不成功)，然后我想我可能可以在内部的测试中直接使用路由/重定向来设置路径，但这也不起作用。Specification:
React路由器4(<
浏览 9提问于2017-03-28得票数 5
1回答
React Router嵌套路由？
html、reactjs、react-router
所以我有一个React应用程序，它的主要路线是/projects/about/projects/skout
我不知道为什么，但是这个路由没有从相应的组件文件中呈现正确的它就是空的。from 'react</e
浏览 2提问于2018-09-14得票数 0
2回答
嵌套路由不工作于我的管理仪表板的反应性路由器区域
javascript、reactjs、react-router-dom、nested-routes
我有一个管理仪表板，我成功地实现了它，但是它没有呈现页面。当我点击它时，它显示了
如果有人知道，请告诉我我是如何解决这个问题的 <Navbar />import { NavLink, Outlet } from 'rea
浏览 18提问于2022-03-28得票数 2
2回答
反应路由器路由三层深，只在App.js文件中工作
javascript、reactjs、debugging、react-router、react-router-dom
我正在建立一个具有以下链接结构的网站：
/blog url列出所有博客文章，/blog/post1在编辑视图中显示文章，在同一编辑视图链接中显示预览按钮到显示编辑版本预览的现在，我可以让第一个urls工作，但是/preview在屏幕上不呈现任何内容。这是因为我的<Link>和<Rou
浏览 1提问于2021-04-01得票数 2
回答已采纳
2回答
ReactJS路由器不路由
javascript、reactjs、react-router
为SPA工作的路由器，但我似乎无法让它呈现出除了以外的其他任何东西。import React from 'react';import { Router, Route, Link, IndexRoute, browserHistory } from 'react-router';
import Parameter from '.&#x
浏览 2提问于2017-02-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
