路由器出口无法呈现特定组件内容
问题描述： 路由器出口无法呈现特定组件内容。
回答： 路由器出口无法呈现特定组件内容可能是由于以下几个方面的原因导致的：
- 网络连接问题：首先需要确保路由器出口的网络连接正常。可以通过检查网络连接状态、重启路由器、检查网线等方式来解决问题。
- 配置问题：路由器的配置可能导致特定组件内容无法呈现。可以检查路由器的配置文件、网络设置、端口映射等相关设置来解决问题。
- 防火墙设置：路由器的防火墙设置可能会阻止特定组件内容的访问。可以检查路由器的防火墙设置，确保允许访问特定组件内容所需的端口或IP地址。
- DNS解析问题：路由器的DNS解析可能出现问题，导致无法正确解析特定组件内容的域名。可以尝试更换DNS服务器或检查DNS设置来解决问题。
- 组件配置错误：特定组件内容可能存在配置错误，导致无法正常呈现。可以检查组件的配置文件、参数设置等来解决问题。
推荐的腾讯云相关产品： 针对以上问题，腾讯云提供了以下相关产品和服务来解决和优化路由器出口的问题：
- 云服务器（CVM）：提供弹性可扩展的虚拟服务器实例，可以在云上搭建自己的网络环境，灵活配置路由器、防火墙等。
- 云网络产品：腾讯云的云网络产品包括私有网络（VPC）、弹性公网IP、NAT网关等，可以帮助用户实现高性能、安全可靠的网络连接。
- 云监控：腾讯云的云监控服务可以实时监控路由器的网络状态、流量、延迟等指标，帮助用户及时发现和解决网络问题。
- 弹性负载均衡：腾讯云的弹性负载均衡（ELB）可以将流量均衡地分发到多个后端实例，提高系统的可用性和负载能力。
- 云安全产品：腾讯云提供了多种云安全产品，包括云防火墙、DDoS防护、Web应用防火墙等，可以帮助用户加强路由器的安全性。
更多详细信息和产品介绍，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
2回答
我尝试在我的角度应用程序中使用多个路由器插座。每当我试图在shell容器中使用多个路由器端口时，我都会遇到问题。
预期的行为是在我访问主组件和详细信息组件的路径时，同时呈现它们：
然而，在这个例子中，app-routing.module使用了一个没有任何子路由的平面路由结构。
// app-routing.module.ts in flat solution
const routes: Routes = [
{ path: '', component: EmptyShellComponent },
{
path: 'feature1'
浏览 0提问于2022-02-08得票数 2
我读过和看过许多angular2课程和教程，它们都描述了一个带有静态菜单和静态页脚的网页。因此，他们使用路由器-出口的主要内容。
如果我们有20页与Menu1 + Footer1和其他20页与Menu2 + Footer2等。
我能想到的最好是，我可以有一个带有3个路由器插座的主模板(name=“菜单”、name=“脚注”、name=" main ")，但是我如何使用这些路由构建这个页面呢?因为我只能调用一个组件，而不需要描述其他的接口。
<div>
<router-outlet name="menu"></router-o
浏览 1提问于2016-11-09得票数 1
回答已采纳
2回答
我的app.component.html中有这样一个html：
<login-menu></login-menu>
<top-menu-bar></top-menu-bar>
<div class="grid-container">
<router-outlet></router-outlet>
</div>
正如您所看到的，它很简单。顶部菜单栏将组件注入路由器插座。如何使注入组件能够更改此路由器出口标记内容？假设我想让注入组件具有如下内容：
<a (click)=
浏览 4提问于2019-10-03得票数 1
1回答
我正在建造角8面包屑组件。应用程序要求它通常显示在页面的内容中(不仅如此)，而且它从来不在可能位于路由器出口之外的报头中。这就是问题出现的地方。我使用惰性加载模块，将组件放置在延迟加载的组件模板中。
我想创造一个可观察的。首先使用过滤器映射到路由器根firstChild。但我无法通过条件..。到目前为止，这就是我所尝试的。
breadcrumbs$: Observable<Breadcrumb[]>;
constructor(router: Router, activatedRoute: ActivatedRoute) {
this.breadcrumbs$ = router.e
浏览 0提问于2019-07-12得票数 2
回答已采纳
React路由器v6.4引入了一种新的带有和的路由API。
在较早版本的Reactive路由器中，可以对使用Reactive路由器定义的路由进行包装，以启用页面转换。当提供位置和键的值时，Framer可以检测是否从组件树中添加或删除一个子元素，以显示开始和退出过渡动画。
反应前的路由器v6.4:
<AnimatePresence exitBeforeEnter>
<Routes location={location} key={location.pathname}>
<Route path="/" element={<HomePa
浏览 5提问于2022-10-25得票数 2
回答已采纳
2回答
我有一个组件，需要在激活/禁用named router-outlet时有条件地显示。好的，在激活端，但当url更改回时(即有人按下浏览器的后箭头)：路由器出口内容仍在显示。我认为主要的问题是路由器插座是延迟加载模块的一部分。我已经检查了的角7，但它对我的项目没有影响(角9)。
这是我的路由模块路由
const routes: Routes = [
{ path: '', component: StudentsComponent },
{ path: ':id/macro',
component: StudentDetailComponent
浏览 3提问于2020-08-11得票数 0
2回答
我一直试图进入角度(来自.NET MVC 5)。到目前为止，我非常积极的角度，我喜欢它的工作方式，但我不知道如何解决以下问题，是相当容易解决在.NET Razor。
我所有的组件，通过路由器插座，都是LayoutModule的子组件.此模块包含具有实际侧边栏和顶部栏(基本引导管理模板)的视图。我想要实现的是，每个子组件/页面都有不同的侧边栏内容。
在Razor中，我可以简单地在主模板中定义一个节，并且在每个视图中，使用包含该部分的模板，只需键入@section sidebar{ RenderPartial(...) }。
我试着从角度上查找关于这个概念的东西，但我觉得我对谷歌的看法已经不多了。
浏览 0提问于2019-08-21得票数 0
回答已采纳
3回答
我对角度路由有问题。我有主应用程序路由模块和子模块，有自己的路由模块和路由器出口，但是在这个子模块中定义的路由是使用根路由器出口而不是子路由器出口显示的。
我的文件夹结构：
我的代码列表
app-routing.module.ts
const routes: Routes = [
{ path: '', component: HomeComponent, pathMatch: 'full' }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterMod
浏览 1提问于2017-06-15得票数 3
我有一个应用程序，它有一个基本的路由器插座，作为整个应用程序的基础。然后，一旦用户登录，就会使用一个子路由器出口来显示由于单击在基本路由器出口中单击的导航链接而加载的任何组件。当在基本模板中单击导航链接时，我希望能够以子路由器出口为目标。
当我单击基本模板中的nav项时，它将加载基本路由器-出口中的组件。这对我来说很有道理。我想知道如何在基本模板中单击nav项，并在子路由器出口中加载所需的组件。
我无法像在RC4 (我认为是RC4)那样找到针对指定路由器出口的任何信息，因为我过去能够这样做：
[routerLink]="/childroute#secureRouterOutlet
浏览 1提问于2016-11-08得票数 4
回答已采纳
1回答
角版 ^13.3.9
问题在使用多个出口并试图在一个延迟模块中呈现多个路由器时，使路由器的角度路由正确，但没有呈现出口。
流(参见示例)用户转到主页url='‘。这使用主出口(没有名称)。
用户转到父页面url=' parent :parent‘，它为该页面及其子页面创建布局。家长们有自己的插座，名为“parentRoutes”，它被转换为“家长：”，以获得一个更干净的网址。转换发生在src/app/CustomUrlSerializer中。
用户转到子页面url='Parent:parent/ child :‘。孩子们有他们自己的插座，名为“childRoutes”，
浏览 15提问于2022-11-12得票数 0
回答已采纳
1回答
我现在正在我的应用程序中使用React 17.0.2，react路由器-dom 6.0.2。
我尝试使用react上下文和路由在路由上添加身份验证。
在App.js中，我可以从AuthContext中获得价值
...
const { authState, authReducer } = useContext(AuthContext);
<Routes>
<Route element={PrivateRoute}>
<Route path="/dashboard/*" element={<MainLayou
浏览 4提问于2021-11-13得票数 3
2回答
除了应用程序根的导航之外，我还试图将导航添加到组件，但它没有导航到组件路由。
我用的是两个路由器插座：
应用程序根的路由器出口(app.component.html)
用户路由器出口组件(users.component.html)
有两条路线：
应用程序的路由(app.routing.module.ts)
用户路由(users.routing.module.ts)
当导航到“users.component.html users”时，我可以看到带有两个链接的，但是当按下"list“链接时，它不会导航到users.routing.module.ts中定义的：
浏览 1提问于2018-08-10得票数 6
回答已采纳
目前，我能够处理使用Angular 2 RC1进行路由的基本情况，例如只有几个链接的主组件，单击它们可以在主路由器插座中渲染内容。
同样，单击子组件中的链接会在子组件路由器出口中呈现其子组件。
我不能完成的是我需要在应用程序的主出口中呈现一个子组件的情况。
我的url结构如下：
/account/user/
/account/user/profile/
/account/user/otherfeature/
/account/admin/
/account/admin/somefeature
/account/admin/anotherfeature
我有以下代码，它在运行时会显示一个主页，
浏览 1提问于2016-05-24得票数 1
在切换路由路由时间，它正在工作，但现在是最新的新路由，路由它不能工作的自定义路由--我已经在HomeLayoutHOC中包装了导航栏页面和主页--任何人都可以帮助我:)如何完成我尝试过的这个最新版本，但是有很多事情要做。没有结果
我想要'HomeLayoutHOC‘路线而不是’路由‘
->client\src\App.JSX :
//HOC
import HomeLayoutHOC from "./HOC/Home.Hoc";
import { Route, Routes } from "react-router-dom";
//Comp
浏览 1提问于2022-08-26得票数 1
回答已采纳
就我现在所理解的而言，如果我们传递一个带有上下文的Outlet，那么上下文之后的道具可以被传递到子环境中，出口充当一个模板，将这些道具传递给路由器可能呈现的任何子程序。
我的问题是，如果我们只是在没有上下文的情况下设置<Outlet />呢？如果它没有传递任何道具，那么我们为什么特别想单独使用<Outlet />呢？
代码可能如下所示
index.js
root.render(
<BrowserRouter>
<Routes>
<Route path="/" element={<App />
浏览 10提问于2022-09-01得票数 1
回答已采纳
1回答
我正在尝试进行嵌套的子路由调用，将其加载到辅助路由器出口中，但我似乎无法使其工作。我一直在拿Error: Cannot match any routes. URL Segment:'header/secondary/abc'
StackBlitz Link:
我的预期结果是在普通路由器出口<router-outlet></router-outlet>中左侧加载辅助和Abc模块/组件，在辅助路由<router-outlet name="aux"></router-outlet>中将测试组件加载到右侧。就像下面的图片
浏览 3提问于2021-02-04得票数 3
我知道正常情况是让您的app-root (根组件)在其中添加工具栏、侧边栏等，并有一个<router-outlet>来更改内容。
我的问题是我的根组件(app- root )是通过index.html注入的，如下所示
<body>
<app-root></app-root>
</body>
不能包含边栏，菜单等，因为我希望提供一个登录屏幕(和其他屏幕)，必须不包含这些半共享的组件。因此，现在我的应用程序根包含一个简单的<router-outlet>，它对我的登录和其他不能共享内容的页面(如侧栏、菜单等)非常有用。
我本
浏览 0提问于2017-08-09得票数 1
回答已采纳
我正在开发一个应用程序，它为应用程序的每个主要部分使用延迟加载的模块。我有一个和两个路由器插座，一个在主路由器插座上，另一个叫做details。 const routes: Routes = [
{ path: '', component: BooksComponent, resolve: {books: BooksResolver},
{ path: ':id', component: BookDetailsComponent, resolve: { book: BookResolver},outlet: "details"
浏览 34提问于2021-09-28得票数 0
使用选择器才能成功。
<app-child1 (onVoted)="onVoted($event)"></app-child1>
但是使用路由器将会失败
<router-outlet (onVoted)="onVoted($event)"></router-outlet>
我想从显示在"router-outlet“上的组件接收一个值。
请告诉我我有什么方法。
应用程序：资源：
<h1>
{{title}}
</h1>
<a href="c1">chi
浏览 1提问于2017-05-05得票数 5
当我导航到/时，正确的会出现在名为'navbar‘的路由器出口上。但是，当我导航到/app/dashboard时，AppCentralNavbarComponent并没有出现在名为“navbar”的路由器出口上，而是出现了错误：
错误错误:未知(承诺)：错误:无法激活已激活的出口错误:无法激活已激活的出口
被扔了。
app.routing.ts
export const routes: Routes = [
{ path: '', component: NavbarComponent, outlet: 'navbar' },
{ path: &#
浏览 1提问于2017-09-01得票数 0
1回答
我们正在尝试实现一个具有3种不同类型的相同应用程序的react项目，用于3种不同的用途。想想看，就像用户会选择在主屏幕上使用的那样。这三种类型都有相似但不同的页面结构，不同的导航栏等。
我使用了一个路由器作为主页，他们选择了哪种应用程序类型，带有路径"/"，并为不同类型的应用程序使用不同的路由器，因为它们的导航条等等是不同的。但是导航条出现在主屏幕上，即使它不在路由器中。
我知道这听起来很复杂，但是我会用代码片段和屏幕截图来展示它。
App.js
function App() {
return (
<>
<Router>
浏览 1提问于2021-12-22得票数 3
因此，经过几个小时的搜索，我找不到类似的问题。设置如下:一个app模块和一个路由模块。主路由器出口中显示的组件是user-component，而主路由器出口在app-component html文件中。我想导航到位于user-component的html中的路由器插座。我只找到了嵌套路由和多出口路由示例/解决方案，它们通过app导航，其中所有或两个路由器都在同一个html文件中。这有没有可能呢？
浏览 2提问于2020-06-02得票数 0
在我的ng2项目中，我需要做两件事
我想为登录页面和主页有一个不同的HTML结构(我在app模块中的路由器出口被一个模板HTML结构.But包围，这个基本模板对于登录和主页需要不同。)
我希望为求职者用户和雇主用户提供相同的URL，.Jobseeker和雇主页面在单独的模块中(因此，我认为我需要找到一种基于会话设置路由模块的方法。但不知道该怎么做)
浏览 5提问于2017-01-16得票数 2
回答已采纳
目前，我正在使用这个结构来让我的路由器插座作为主要应用程序工作：
@Component({
selector: 'my-dummy-app',
template: '<router-outlet></router-outlet>'
})
export class MyDummyApp {
}
有可能剪掉这个虚拟应用吗？我没有取得任何成功。我尝试过将bootstrap保持为空，或者将路由器组件保留在entry集合中，但似乎没有模块配置工作。
角似乎决心要有一个主要的组成部分，以引导。
浏览 2提问于2017-06-05得票数 2
回答已采纳
2回答
试着教自己反应和坚持一个部分..。我似乎无法使用useLocation() --帮助来根据URL显示特定页面的内容！
App.js -路由器显示页面点击，耶！
<Router>
<Routes>
<Route exact path="/" element={<Home />} />
<Route path="/project/projectOne" element={<Project />} />
浏览 5提问于2022-05-20得票数 1
回答已采纳
1回答
App级路由器
const routes: Routes = [
{ path: 'dist', redirectTo: '/landing' },
{ path: '', redirectTo: '/landing', pathMatch: 'full' },
{ path: 'manage-herd', loadChildren: './manage-herd/manage-herd.module#ManageHerdModule' }
];
子路由器
{
浏览 4提问于2016-12-07得票数 0
回答已采纳
2回答
我正在开发一个角4应用程序，我希望在路由器-出口之外加载login.page.ts。
这是我的home.component.html文件
<div class="container">
<top-nav-bar></top-nav-bar>
<lett-nav-bar></lett-nav-bar>
<router-outlet></router-outlet>
</div>
路线吐露
const MAINMENU_ROUTES: Routes = [
{
浏览 0提问于2017-07-04得票数 14
回答已采纳
我有一个组件，我在React路由器v6中使用它来管理私有路由，它会对auth令牌进行一些检查，并且会呈现Outlet组件或者重定向到登录页面。
我有-
import { Outlet } from 'react-router-dom';
export const CheckAuth = (props) => {
const valid = ...;
if (!valid) {
window.location.replace(loginUrl);
return null;
}
return <Outlet />;
};
用它就
浏览 4提问于2022-01-10得票数 6
回答已采纳
1回答
我在划分应用程序和使用几个路由器时遇到了问题。我有一个主路由器，它处理几个小应用程序，在每个迷你应用程序中，我想管理它的适当路线。我失败了什么？我想做的是，当我收到请求的数据，重定向我到一个新的屏幕，但我无法得到它。有人能帮我吗？谢谢
示例
Routes.js
import { BrowserRouter } from 'react-router-dom'
import React from 'react'
import { Switch, Route } from 'react-router-dom'
import { Authenticate
浏览 1提问于2018-04-27得票数 0
在React-路由器中，我看到它已经从react-router-dom导入了Route和Router模块。我想知道这两个模块有什么不同？
浏览 2提问于2017-05-13得票数 7
React路由器文档提供的V6不起作用。我和"react-router-dom": "^6.2.1"试过了，孩子们的路线不起作用。当我尝试访问/parent或/parent/child时，它返回根元素。
<BrowserRouter>
<Routes>
<Route path="/" element={<div>Root</div>}>
<Route path="parent" element={<div>Parent</d
浏览 6提问于2022-02-02得票数 2
我正在尝试从一个路径在呈现模板中设置一个模型。通过模板调用正确地捕获了模型：
{{#each itemController="user"}}
<div {{bind-attr class="isExpanded:expanded"}}>
<div><button {{action "sayHello" this}}>{{first_name}} {{last_name}}</button></div>
我的路线是：
Newkonf.UsersRoute = Ember.Route
浏览 4提问于2014-06-08得票数 0
回答已采纳
1回答
我试图从YouTube和官方文档中学习一些React基础知识，我在两个视频中遇到了多个不同的路由器。遗憾的是，老师根本没有解释任何事情，我甚至比以前更困惑了。
dr:我真的搞不懂浏览器路由器、“普通”路由器和索引路由器之间的区别。感谢大家的帮助。
浏览 0提问于2017-08-02得票数 19
回答已采纳
免责声明:这是一个复制的，它有一个公认的答案，但不能解决我的情况。
所以我的问题是:我希望在我的主组件中有两个相同的“路由器出口”。因为似乎只有第二个“路由器出口”获胜，并正确地显示内容。建议的将路由器出口包装在ng模板中的解决方案对我不起作用。
这是我在代码中的情况：
<div class="mobile-only">
<div>some special content for mobile version</div>
<router-outlet></router-outlet>
</div>
浏览 0提问于2019-03-21得票数 3
回答已采纳
我想使用一个基于当前URI选择服务实现的FactoryProvider。
此外，其中一个实现需要对路由参数(如route/:parameter定义的)作出反应。
如下图所示，我订阅了不幸的更改，我无法以这种方式访问参数。在主路由器出口中实例化的组件可以访问它们，但是FactoryProvider不能访问它们。
有什么我可能错过的吗？
模块代码(缩写为提高可读性)
@NgModule({
declarations: [],
imports: [],
exports: [],
providers: [XServiceProvider],
entryComponents: []}
浏览 0提问于2018-11-27得票数 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-dom';
import { useNavigate } from "react-router-dom";
function LandingP
浏览 8提问于2022-04-13得票数 1
1回答
我有个拉拉应用程序。对于具有这种路由的页面：/admin/entity/，我想使用react组件和react路由器来处理/admin/entity/:id路由。
如果我使用browserify将所有组件捆绑在一个文件中，则无法从外部访问任何组件来呈现它，因为browserify将其包装到闭包。因此，我没有几个问题：
我应该为每个页面创建单独的bundle.js文件并在该文件中显式地呈现组件吗？
或者我是否应该预编译jsx到js的每个组件，并从*.blade.php文件内联地呈现它呢？
将包含到bundle.js中是否有意义，或者我可以从视图中显式地加载它？
浏览 2提问于2015-06-30得票数 8
回答已采纳
我有一个TasksList应用程序。每个任务都有注释。我正在考虑添加评论作为插入式播放的一种方式。
我有一个ViewerRoute，它显示单个任务：
App.ViewerRoute = Ember.Route.extend({
activate: function () {
$(document).attr('title', 'Task View');
},
renderTemplate: function () {
this.render('Comments', { into: "V
浏览 0提问于2013-12-28得票数 1
回答已采纳
2回答
为SPA工作的路由器，但我似乎无法让它呈现出除了以外的其他任何东西。
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, Link, IndexRoute, browserHistory } from 'react-router';
import Parameter from './components/parameter/Parameter';
class App extends React.Component
浏览 2提问于2017-02-15得票数 0
回答已采纳
1回答
在上面的柱塞中，当前单击菜单中的Page1或Page2将内容加载到未命名的路由器出口。如何将它们加载到指定的路由器出口(ContentOutlet)中？
我试着添加以下内容，但它破坏了页面
在app.module.ts中
{ path: 'Page1', component: Page1Component, outlet:'contentOutlet'},
{ path: 'Page2', component: Page2Component, outlet:'contentOutlet'}
浏览 3提问于2016-10-25得票数 0
回答已采纳
1回答
我有这样的组件结构：
我需要基于两个不同的路由加载在< OtherComponent>，相应的路由从路由器。
我使用："react-router-dom": "^5.1.2"，并看到了一些关于使用IndexRoute和props.children的帖子，但是IndexRoute无法从react路由器-dom中解决，似乎它在版本5中被删除了。
我的路由器(BrowserRouter)如下所示：
<Router basename={process.env.REACT_APP_ROUTER_BASE || '/MyApp'}
浏览 5提问于2019-12-23得票数 1
回答已采纳
我想在路由器出口内设置一些默认文本，直到它被填充。
我有一个父组件，它将在该页面的路由器出口中显示子路由组件。
当单击子组件时，有两个按钮将填充路由器出口。如何将内容放置在路由器插座内。‘点击一个选项来显示数据’，那么一旦按钮被点击，这条消息清除，子组件显示在路由器出口中？
<div class="container pt-3">
<div class="clearfix">
<div class="btn btn-outline-success float-left"
浏览 8提问于2017-10-21得票数 15
回答已采纳
2回答
角中有两个非常相似的命名指令(或属性)。
ng-component和
如果使用ng-component而不是ng-container，您将得到各种奇怪的行为--比如自动插入<router-outlet>。
我经常想知道ng-component在用户代码中是否有实际用途。
这是遗产吗？只是内部的吗？它能解决任何问题吗？
浏览 1提问于2019-08-29得票数 13
回答已采纳
3回答
我的第四角计划有问题。实际上，我想向我的父组件发送一个变量。我的主要组件有一个可变用户：
export class AppComponent {
public user: User = null;
}
他的HTML是：
{{user.name}}
<router-outlet></router-outlet>
与路由器出口不同，我有一个子组件，它在调用login()时更改用户的值：
export class ChildrenComponent {
login() {
user.name = 'Toto';
}
}
现在，我想将用户的值
浏览 7提问于2017-10-12得票数 0
回答已采纳
1回答
当我试图在浏览器中加载localhost:3000/verifyemail时，我会收到以下错误：
错误:无法匹配任何路由
我已经阅读了其他相关问题，并验证了以下内容：
Angular2: 2.3.1默认使用路径定位策略，而且我没有更改它。我不喜欢使用散列定位策略
我已经为HTML5 pushState配置了Nodejs服务器(server.js在下面)
// POST数据解析器( app.use(bodyParser.json())；app.use(bodyParser.urlencoded({ extended: false }))；//指向dist app.use的静态路径
浏览 1提问于2017-02-12得票数 1
3回答
角2路由
、
我是angular2的新手。我想要完成一项任务，在不同的页面上有不同的标题和页脚，但不知道如何使用
<router-outlet></router-outlet>
由于路由器-出口只是替换该路由的组件。那么得到这个的最好方法是什么。我搜索了很多，但找到了一个可怜的解决方案，在每个组件中调用页眉/页脚。
谢谢
浏览 3提问于2016-10-30得票数 0
回答已采纳
有人能用外行人的术语解释嵌套插座在ember模板中的工作方式吗？
特别是尝试从docs：中理解这一点。
“直接的母路没有进入主出口……”
这意味着当前路由试图呈现到父路由的模板中，但父路由没有呈现模板，或者如果呈现了模板，则父路由提供的模板没有呈现到主模板中(即默认的{{outlet})。
更具体地说，我正在尝试理解如何在我的应用程序中创建嵌套的视图层次结构。它有三层深的收藏。我想根据集合的内容创建一系列可折叠的嵌套视图。数据结构可以是树状的。
图书馆->每个图书馆都有很多书->每本书都有很多页
寻找一个说明性的jsbin或代码示例，在实践中演示嵌套的模板结构。
想象一下，
浏览 1提问于2013-07-15得票数 7
回答已采纳
1回答
我想在仪表板内做一个不同的页眉&页脚，但是它仍然不能工作，如何使它工作--它只在路由器本身内工作
这是我的代码：
<Router>
<Routes>
<Route path="/" >
<Header />
<Route index element={<><Hero /><HomeAbout /> <Slider /> </>} />
<Route exact path=&#
浏览 13提问于2022-04-11得票数 0
回答已采纳
我有两个完全相互独立的组件。我想在输入App时呈现/，当我进入/#/about时呈现About
我得到了这段代码(但我测试了很多其他代码)：
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, Link, browserHistory } from 'react-router'
import App from './App';
import About from './About';
ReactD
浏览 4提问于2016-12-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
