React路由及导航的简单使用

最新推荐文章于 2024-08-24 07:00:00 发布

陈大头铃儿响叮当

最新推荐文章于 2024-08-24 07:00:00 发布

阅读量141

点赞数

分类专栏： React 文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qq_35469691/article/details/134340964

版权

React 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

const App = () => {
  
  return (
    <Router>
      <div>
        <ul>
          <li>
            <Link to="/page">Login</Link>
          </li>
          <li>
            <Link to="/page1">Page 1</Link>
          </li>
          <li>
            <Link to="/page2">Page 2</Link>
          </li>
          <li>
            <Link to="/page3">Page 3</Link>
          </li>
        </ul>

        <Routes>
        <Route path="/page" element={<Login></Login>} />
        <Route path="/page1" element={<Page1></Page1>} />
        <Route path="/page2" element={<RequestPage></RequestPage>} />
        <Route path="/page3" element={<DemoComponent></DemoComponent>} />
        </Routes>
      </div>
    </Router>
  );
};

export default App;