react 项目学习笔记一（react-router中的history）

最新推荐文章于 2024-08-04 04:22:34 发布

狼牙冷

最新推荐文章于 2024-08-04 04:22:34 发布

阅读量1w

点赞数 1

分类专栏： JS 文章标签： react

本文链接：https://blog.csdn.net/jimolangyaleng/article/details/76066687

版权

本文介绍了react-router中的history管理，包括createHashHistory、createBrowserHistory和createMemoryHistory三种类型。createHashHistory适用于服务器无需配置的场景，但不推荐在生产环境中使用；createBrowserHistory是推荐的浏览器历史管理方式，利用History API操作真实URL；createMemoryHistory主要用于测试和服务器渲染，不涉及地址栏变化。

摘要由CSDN通过智能技术生成

react-router 中的history

eact-router 是建立在history之上的

history 一个管理js应用session会话历史的js库。它将不同环境（浏览器，node...）的变量统一成了一个简易的API来管理历史堆栈、导航、确认跳转、以及sessions间的持续状态。

//基本 使用
import { createHistory } from 'history'

const history = createHistory()

// 当前的地址
const location = history.getCurrentLocation()

// 监听当前的地址变换
const unlisten = history.listen(location => {
  console.log(location.pathname)
})

// 将新入口放入历史堆栈
history.push({
  pathname: '/the/path',
  search: '?a=query',

  // 一些不存在url参数上面的当前url的状态值
  s