聊聊React的路由React-Routerreact-router-dom

Posted shengulong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了聊聊React的路由React-Routerreact-router-dom相关的知识,希望对你有一定的参考价值。

关于二者的区别

参见:https://github.com/mrdulin/blog/issues/42  

直接使用react-router-dom好了,react-router-dom封装了react-router,也依赖react-router-dom

 

BrowserRouter vs HashRouter

import { BrowserRouter as Router } from react-router-dom;
// import { HashRouter as Router } from ‘react-router-dom‘;

建议使用BrowserRouter, url类似http://127.0.0.1:8088/api/v1/test,HashRouter慢慢会被废弃,url类似http://127.0.0.1:8088/#/api/v1/test

详情参考:https://www.jianshu.com/p/e3adc9b5f75c

 

react-router文档

英文:

https://reacttraining.com/react-router/web/guides/quick-start

中文:

https://react-guide.github.io/react-router-cn/docs/Introduction.html

以上是关于聊聊React的路由React-Routerreact-router-dom的主要内容,如果未能解决你的问题,请参考以下文章

聊聊React高阶组件(Higher-Order Components)

聊聊渲染优化

React 路由

react路由

react返回上一级路由为啥会刷新

react-route动态路由,它的子路由路径配置在啥地方