React-Router實現原理，解決了什麼問題？

React-Router解決了什麼問題？

首先，它搭配React組件，能夠組織React組件結構代碼，受權路由的控制。應該展現什麼樣的組件，經過React-Router去匹配它。

React-Router如何使用？

首先，應該下載該npm包，這樣引入項目工程裏面，才能夠引用react-router提供的API。

//有兩種方式
npm install --save react-router 

yarn add react-router

React-Router核心的API

import {Router, Route, Switch } from 'react-router'

// Router、Route、Switch各自作了什麼事？

首先它們都是基於React.createElement構建，也就是JSX的組件的路由，至於Router、Route、Switch各自作了什麼。去看官方文檔，裏面描述了每個組件路由作了什麼事。能夠去npm、也能夠去github、也能夠去官網去看。

<Route>是React-router最重要的組件，路由最重要的職責就是渲染UI，但有一個條件location變量，要匹配route's路徑。路徑一匹配，傳遞進的組件就能夠獲得渲染。只要整個應用的location匹配了路由路徑，你的組件就會渲染。

<Route />有三種方式去渲染傳遞進的組件。

<Route component match location history />
<Route children />
<Route render />
<Route sensitive path="/one" component={Home} />

匹配location路徑，渲染對應的組件，返回就是對象。