React 是一种流行的 JavaScript 库,用于构建用户界面。当构建具有多个页面的 React 应用时,我们通常需要使用路由来管理不同页面之间的导航和状态。React 提供了多种路由模式来满足不同的需求。本文将介绍 React 路由的几种常见模式,并提供相应的编程实现示例。
- 哈希路由模式(HashRouter)
哈希路由模式使用 URL 中的哈希标记(#)来作为路由的标识符。在 React 中,可以使用 HashRouter 组件来启用哈希路由模式。下面是一个简单的例子:
import React from 'react';
import { HashRouter, Route, Link } from 'react-router-dom';
function App() {
return (
<HashRouter>
<div>
<ul>
<li>
<Link to="/">Home</Link>
</li>
<li>
<Link to="/about">About</Link>
</li>
<li>
<Link to="/contact">Contact</Link>
</li>
</ul>
<hr />
<Route exact path="/" component={