React 路由模式及编程实现

React 是一种流行的 JavaScript 库，用于构建用户界面。当构建具有多个页面的 React 应用时，我们通常需要使用路由来管理不同页面之间的导航和状态。React 提供了多种路由模式来满足不同的需求。本文将介绍 React 路由的几种常见模式，并提供相应的编程实现示例。

1. 哈希路由模式（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&g