成都网站建设设计

将想法与焦点和您一起共享

React路由管理之ReactRouter总结-创新互联

React项目通常都有很多的URL需要管理,最常使用的解决方案就是React Router了,最近学习了一下,主要是看了一下官方的英文文档,加以总结,以备后查。

成都创新互联专业为企业提供青原网站建设、青原做网站、青原网站设计、青原网站制作等企业网站建设、网页设计与制作、青原企业网站模板建站服务,10余年青原做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

React Router是做什么的呢,官方的介绍是:

A complete routing library for React,keeps your UI in sync with the URL. It has a simple API with powerful features like lazy code loading, dynamic route matching, and location transition handling built right in. Make the URL your first thought, not an after-thought.

大意即:让UI组件和URL保持同步,通过简单的API即可实现强大的特性如:代码懒加载,动态路由匹配,路径过渡处理等。

下面是一些React Router的用法:

一 简单渲染Route

有一点需要牢记于心,Router 是作为一个React组件,可以进行渲染。

// ...
import { Router, Route, hashHistory } from 'react-router'

render((
 
  
 
), document.getElementById('app'))

本文题目:React路由管理之ReactRouter总结-创新互联
分享路径:http://chengdu.cdxwcx.cn/article/deocci.html