react-router HashRouter和BrowserHistory的区别

超、凢脫俗 2023-06-03 04:54 13阅读 0赞

[react-router HashRouter和BrowserHistory的区别][react-router HashRouter_BrowserHistory]

# react-router HashRouter和BrowserHistory的区别, 以及配置、使用, Link跳转传参等等 #

### I. 区别 ###

我们平时在使用React项目，通常都会用到react-router,今天我们讲讲常用到的react-router HashRouter和BrowserHistory的具体，相信大家都对它们有一定的了解了，在这里还是简单说一下吧，没有好与坏只有适不适合

*  HashRouter 会有一个\#，通过这个\# HTML 5 History进行前端跳转他的感觉像锚点
 *  BrowserHistory 很简洁没有\#，但是需要 server 端支持

### II.安装 ###

> $ npm install --save react-router-dom

### III.配置 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9odTEyNjg1_size_16_color_FFFFFF_t_70][]

###  ###

### IV.跳转传参 ###

1.路由配置  
![20181112163334717.png][]  
2.Link跳转  
![20181112163521760.png][]  
3.取值  
![20181112163619715.png][]

posted on 2019-09-24 08:13 [blankOne][] 阅读( ...) 评论( ...) [ 编辑][Link 1] 收藏

转载于:https://www.cnblogs.com/blankOne/p/11576211.html

[react-router HashRouter_BrowserHistory]: https://www.cnblogs.com/blankOne/p/11576211.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9odTEyNjg1_size_16_color_FFFFFF_t_70]: /images/20230601/701a45dd9ba04c2591329532bdb2a62c.png
[20181112163334717.png]: /images/20230601/0a52eaf8520e491b94fa1421dfcf6b00.png
[20181112163521760.png]: /images/20230601/d5d767663c5a437fa04b85b94db47ab1.png
[20181112163619715.png]: /images/20230601/a926396b1f114be0ab4e4b2a3a41ffba.png
[blankOne]: https://www.cnblogs.com/blankOne/
[Link 1]: https://i.cnblogs.com/EditPosts.aspx?postid=11576211