在React路由器中使用HashRouter时如何处理“空”锚标签

import React from 'react';
import { HashRouter, Link } from 'react-router-dom';

function App() {
  const handleAnchorClick = (e) => {
    e.preventDefault();
  };

  return (
    <HashRouter>
      <div>
        <ul>
          <li>
            <Link to="/home">Home</Link>
          </li>
          <li>
            <a href="#" onClick={handleAnchorClick}>Empty Link</a>
          </li>
          <li>
            <Link to="/about">About</Link>
          </li>
        </ul>
      </div>
    </HashRouter>
  );
}

export default App;