如何使用react router切换到滚动页上的另一个页面？

npm install react-router-dom

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

import React from 'react';

const ScrollPage = () => {
  // 滚动页的内容
  return (
    <div>
      <h1>滚动页</h1>
      {/* 添加链接到另一个页面 */}
      <Link to="/another-page">跳转到另一个页面</Link>
    </div>
  );
};

const AnotherPage = () => {
  // 另一个页面的内容
  return (
    <div>
      <h1>另一个页面</h1>
      {/* 添加链接返回滚动页 */}
      <Link to="/">返回滚动页</Link>
    </div>
  );
};

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

const App = () => {
  return (
    <Router>
      <Route exact path="/" component={ScrollPage} />
      <Route path="/another-page" component={AnotherPage} />
    </Router>
  );
};

export default App;