如何在react中链接hashtag

npm install react-router-dom

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

function App() {
  return (
    <div>
      <h1>My App</h1>
      <nav>
        <ul>
          <li>
            <Link to="/#section1">Section 1</Link>
          </li>
          <li>
            <Link to="/#section2">Section 2</Link>
          </li>
        </ul>
      </nav>
      <div id="section1">
        <h2>Section 1</h2>
        <p>This is section 1.</p>
      </div>
      <div id="section2">
        <h2>Section 2</h2>
        <p>This is section 2.</p>
      </div>
    </div>
  );
}

export default App;

import React from 'react';
import { BrowserRouter as Router } from 'react-router-dom';
import App from './App';

function Root() {
  return (
    <Router>
      <App />
    </Router>
  );
}

export default Root;