React路由 + 绝对路径引用

780 0 0

作者:菜花君°

路由:

哈希路由（在url地址后加 #name）　

　// 实现页面监听
　window.onhashchange = function(){
  　　console.log(‘hash:’,window.location.hash)
　}

H5路由（history.pushState(‘起的名字’, ‘title字段’, ‘跳转的地址’)）
H5路由高级的地方就是可以跳转一个hash值，也可以跳转一个路径，且跳转路径时页面不会刷新

　// 实现页面监听
　window.onpopstate = function (e) {
  　　console.log(‘H5:’, window.location.pathname)
　}

还有一个特殊的 history.replaceState，它和 history.pushState 调用方式一样。唯一的区别是pushState是在历史记录栈推送一条记录，而replaceState是替换当前的历史记录栈，不会更改其他的历史记录。

// 哈希路由
<HashRouter>

// H5路由　　
<BrowserRouter>

// 路由规则
<Route>

//  路由选项
<Switch>

//  跳转导航
<Link> || <NavLink>

// 自动跳转
<Redirect>

相信很多童鞋在React中出现过引用过长的问题

举个

内容来源于网络如有侵权请私信删除

标签： javascript 技术文章开发

你还没有登录，请先登录或注册！