01-React的路由
第7章 React的路由
本章主要内容
- 更高级的组件设计和使用
- 使用路由启用多页面的React应用程序
- 使用React从头构建路由
在本章中,我们开始通过添加路由来使应用程序更加强大和可扩展。路由意味着用户能够使用URL导航到应用程序的不同部分。到现在为止,这款应用程序被限制在一个页面内,这会阻碍新内容的添加。如果没有路由或其他机制为应用提供可管理的层级结构,大应用程序会特别拥挤。我们来看看如何使用React解决这个问题。我们会从头开始构建一个简单的路由,以便更好地理解如何处理React应用的路由。
如何获取本章代码
和每章一样,读者可以去GitHub仓库检出源代码。如果想从头开始编写本章代码,可以使用第5章和第6章的已有代码(如果跟着编写了示例)或直接检出取指定章的分支(chapter-7-8)。
记住,每个分支对应该章末尾的代码(例如,chapter-7-8对应第7章和第8章末尾的代码)。读者可以在选定目录下执行以下终端命令之一来获取当前章的代码。
如果还没有代码库,请输入下面的命令来获取:
git clone [email protected]:react-in-action/letters-social.git
如果已经克隆过代码仓库:
git checkout chapter-7-8
如果你是从其他章来到这里的,则需要确保已经安装了所有正确的依赖:
npm install
