如何在react中设置导航当前文档的内部链接

npm install react-router-dom

import { BrowserRouter as Router, Link } from 'react-router-dom';

<Router>
  <nav>
    <ul>
      <li>
        <Link to="/">首页</Link>
      </li>
      <li>
        <Link to="/about">关于</Link>
      </li>
      <li>
        <Link to="/contact">联系我们</Link>
      </li>
    </ul>
  </nav>
</Router>

import { Route } from 'react-router-dom';

// ...

<Router>
  <nav>
    {/* 导航链接 */}
  </nav>

  {/* 路由对应的组件 */}
  <Route path="/" exact component={Home} />
  <Route path="/about" component={About} />
  <Route path="/contact" component={Contact} />
</Router>

import React from 'react';

const Home = () => {
  return <h1>欢迎来到首页</h1>;
};

export default Home;