文件名称:react-router-nested-routes-code-along-nyc-web-051418
文件大小:323KB
文件格式:ZIP
更新时间:2024-05-19 03:34:12
JavaScript
React Router中的嵌套路由 目标 描述React Router如何允许嵌套路由 解释如何在标准React&React Router应用程序中组织路由 概述 在上一课中,我们了解了如何使路线动态呈现不同的组件。 但是,您可能已经注意到,每次渲染一个组件时,我们以前的组件都会消失。 在本课程中,我们将看到如何使用路由来指定要渲染的多个组件。 没有路线的主要细节 您是否曾经在Mac上使用过Apple的Messages应用程序? Gmail怎么样? 那YouTube呢? 所有这些应用程序都使用某个版本的“主从详细信息”界面。 这是当存在与整个资源有关的内容时,例如所有消息,视频或电子邮件的列表,以及特定项目或操作在屏幕另一部分上的一些更详细的显示。 单击列表中的新项目会更改我们选择的项目。 套料 使用React-Router ,我们可以通过使我们的组件成为彼此的子组件来创建主从模式。 以
【文件预览】:
react-router-nested-routes-code-along-nyc-web-051418-master
----public()
--------index.html(1KB)
--------favicon.ico(24KB)
----.learn(70B)
----yarn.lock(220KB)
----webpack.config.js(858B)
----src()
--------containers()
--------components()
--------index.js(156B)
----README.md(10KB)
----dist()
--------app.js(729KB)
----.gitignore(180B)
----package-lock.json(446KB)
----package.json(875B)