React History

一、什么是React History

React History 是 React 官方提供的一款路由管理工具，主要用于帮助 React 应用实现路由跳转和管理。

相较于 React 自带的路由功能，React History 更为简介，易于上手。它提供了丰富的路由管理 API，可以让我们在项目中更加灵活地使用路由。

二、React History的使用

在 React 项目中使用 React History 非常简单，只需按照以下步骤即可：

// 使用 npm npm install --save history // 使用 yarn yarn add history

import React from 'react'; import { BrowserRouter as Router, Route } from 'react-router-dom'; import Home from './Home'; import About from './About'; function App() { return ( ); } export default App;

上述代码通过创建 BrowserRouter，为项目添加了两个路由："/"和"/about"。当用户访问这两个路由时，对应的组件将会被渲染。

import React from 'react'; import { Link } from 'react-router-dom'; function Navigation() { return (

上述代码通过创建 Link 组件，为项目添加了两个路由链接："/"和"/about"。

import React from 'react'; import { useHistory } from 'react-router-dom'; function Home() { const history = useHistory(); function handleClick() { history.push('/about'); } return (

Home