Modo de enrutamiento React e implementación de programación.

React es una biblioteca de JavaScript popular que se utiliza para crear interfaces de usuario. Al crear una aplicación React con varias páginas, a menudo necesitamos usar enrutamiento para administrar la navegación y el estado entre diferentes páginas. React proporciona múltiples modos de enrutamiento para satisfacer diferentes necesidades. Este artículo presentará varios patrones comunes de enrutamiento de React y proporcionará los ejemplos de implementación de programación correspondientes.

1. Modo de enrutamiento hash (HashRouter)
   El modo de enrutamiento hash utiliza la marca hash (#) en la URL como identificador de ruta. En React, el modo de enrutamiento hash se puede habilitar usando el componente HashRouter. He aquí un ejemplo sencillo:

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={