博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react-router的基本原理
阅读量:6611 次
发布时间:2019-06-24

本文共 669 字,大约阅读时间需要 2 分钟。

一句话:实现URL与UI界面的同步。、

其中在react-router中,URL对应Location对象,

而UI是由react components来决定的,

这样就转变成location与components之间的同步问题。

 react-router具体实现

react-router在history库的基础上,实现了URL与UI的同步,分为两个层次来描述具体的实现。

3.1 组件层面描述实现过程

react-router中最主要的componentRouter RouterContext Linkhistory库起到了中间桥梁的作用。

3.2 API层面描述实现过程

为了简单说明,只描述使用browserHistory的实现,hashHistory的实现过程是类似的,就不在说明。

目前react-router在项目中已有大量实践,其优点可以总结如下:

  • 风格: 与React融为一体,专为react量身打造,编码风格与react保持一致,例如路由的配置可以通过component来实现

  • 简单: 不需要手工维护路由state,使代码变得简单

  • 强大: 强大的路由管理机制,体现在如下方面

    • 路由配置: 可以通过组件、配置对象来进行路由的配置

    • 路由切换: 可以通过<Link> Redirect进行路由的切换

    • 路由加载: 可以同步记载,也可以异步加载,这样就可以实现按需加载

  • 使用方式: 不仅可以在浏览器端的使用,而且可以在服务器端的使用

当然react-router的缺点就是API不太稳定,在升级版本的时候需要进行代码变动。

转载地址:http://keaso.baihongyu.com/

你可能感兴趣的文章
《嵌入式 Linux应用程序开发标准教程(第2版)》——2.2 Linux启动过程详解
查看>>
《深入理解Android:卷III A》一一3.2音量管理
查看>>
test
查看>>
java基础知识: day7-正则表达式
查看>>
用掘金-Markdown 编辑器写文章
查看>>
iOS开发UI篇--一个侧滑菜单SlidingMenu
查看>>
使用Karate轻松实现自动API测试
查看>>
React
查看>>
TopK 问题
查看>>
jvm 与java内存模型相关简要概念
查看>>
ThinkSNS 最新版功能
查看>>
创建本地YUM源
查看>>
Linux-下载、安装和使用Mozilla Firefox浏览器及LumaQQ软件
查看>>
Linux-系统安全相关命令--passwd;su;umask;chgrp
查看>>
9. SQL -左连接,右连接,全连接,内连接,连接
查看>>
组策略之WMI筛选器
查看>>
我的友情链接
查看>>
树莓派3音频配置
查看>>
使用意图在Activity之间传递数据小插曲__传递自定义的序列化对象
查看>>
我的友情链接
查看>>