React Router中history模块的用法详解是怎样的？

本文共计2096个文字，预计阅读时间需要9分钟。

如果想理解React+Router，应先掌握history。确切地说，history是React+Router提供核心功能的包。它可以在客户端轻松为项目添加基于location的导航，这对于单页应用至关重要。

如果你想理解React Router，那么应该先理解history。更确切地说，是history这个为React Router提供核心功能的包。它能轻松地在客户端为项目添加基于location的导航，这种对于单页应用至关重要的功能。

npm install --save history

存在三类history，分别时browser，hash，与 memory。history包提供每种history的创建方法。

import { createBrowserHistory, createHashHistory, createMemoryHistory } from 'history'

如果你使用React Router，他会为你自动创建history对象，所以你并不需要与history进行直接的交互。不过，理解不同类型的history依旧很重要，这样你能在项目中决定究竟是用哪个。

history是什么？

无论你创建哪种history，你最终都会得到一个几乎拥有相同属性与方法的对象。

location

history对象中最重要的属性就是location。location对象反映了当前应用所在的"位置"。其包含了pathname，search[注1]，hash这种由'URL'派生出的属性。

此外，每一个location都拥有一个与之关联且独一无二的key。