如何高效掌握React-router4.x，轻松实现手挽手带你学React？
- 内容介绍
- 文章标签
- 相关推荐
本文共计2991个文字，预计阅读时间需要12分钟。
《手把手教你学React入门三步曲，带你学会使用React-router 4.x，开始创建属于你的React项目+什么是React-router？React Router 是一个基于 React 的强大路由库，它可以让你在应用中快速添加视图和导航。》
手挽手带你学React入门三档,带你学会使用Reacr-router4.x,开始创建属于你的React项目
什么是React-router
React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。通俗一点就是，它帮助我们的程序在不同的url展示不同的内容。
为什么要用React-router
我们开发的时候，不可能所有的东西都展示在一张页面上，在业务场景的要求下，我们要根据不同的URL或者不同的哈希来展示不同的组件，这个我们可以称它为路由。在我们不使用React-router的时候，我们如何去做路由呢？
我在这里给大家举个例子，不使用React-router，来实现一个简单路由。
// App.js import React,{Component} from 'react' export default class App extends Component { constructor(){ super() // 我们在App.js内部来渲染不同的组件 我们这里采用哈希路由的方式，鉴于React的渲染机制，我们需要把值绑定进入state内部。
本文共计2991个文字，预计阅读时间需要12分钟。
《手把手教你学React入门三步曲，带你学会使用React-router 4.x，开始创建属于你的React项目+什么是React-router？React Router 是一个基于 React 的强大路由库，它可以让你在应用中快速添加视图和导航。》
手挽手带你学React入门三档,带你学会使用Reacr-router4.x,开始创建属于你的React项目
什么是React-router
React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。通俗一点就是，它帮助我们的程序在不同的url展示不同的内容。
为什么要用React-router
我们开发的时候，不可能所有的东西都展示在一张页面上，在业务场景的要求下，我们要根据不同的URL或者不同的哈希来展示不同的组件，这个我们可以称它为路由。在我们不使用React-router的时候，我们如何去做路由呢？
我在这里给大家举个例子，不使用React-router，来实现一个简单路由。
// App.js import React,{Component} from 'react' export default class App extends Component { constructor(){ super() // 我们在App.js内部来渲染不同的组件 我们这里采用哈希路由的方式，鉴于React的渲染机制，我们需要把值绑定进入state内部。