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途径,衬着对应的组件,返回就是对象。