React router -如何路由到具有特定帖子id的页面

npm install react-router-dom

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

import React from 'react';

const PostPage = ({ match }) => {
  const postId = match.params.id; // 获取URL参数中的帖子ID
  // 根据帖子ID从数据库或其他数据源加载帖子内容

  return (
    <div>
      <h1>帖子 {postId}</h1>
      {/* 显示帖子内容 */}
    </div>
  );
};

export default PostPage;

const App = () => {
  return (
    <Router>
      <div>
        <nav>
          {/* 添加导航链接 */}
          <ul>
            <li>
              <Link to="/">首页</Link>
            </li>
            <li>
              <Link to="/posts/1">帖子1</Link>
            </li>
            <li>
              <Link to="/posts/2">帖子2</Link>
            </li>
          </ul>
        </nav>

        <Switch>
          <Route path="/posts/:id" component={PostPage} />
        </Switch>
      </div>
    </Router>
  );
};

export default App;