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

    原文作者:xiyou
    原文地址: https://segmentfault.com/a/1190000019057176
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞