‘Switch‘ is not exported from ‘react-router-dom‘

最新推荐文章于 2022-11-03 01:02:07 发布

为生活而努力吧

最新推荐文章于 2022-11-03 01:02:07 发布

阅读量807

点赞数

CC 4.0 BY-SA版权

文章标签： react.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_48193012/article/details/121420851

本文介绍了一个基于React 6.0.2版本的应用程序路由配置案例，使用了BrowserRouter、Route和Routes组件来定义基本的页面导航结构。通过具体的路径(path)设置，实现了首页(Home)和详情页(Detail)的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

6.0.2版本，用routes代替switch

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

class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <Header />
        <Router>
          <Routes>
            <Route path='/' exact element={<Home />}></Route>
            <Route path='/detail' exact element={<Detail />}></Route>
          </Routes>
        </Router>
      </Provider>
    )
  }
}

export default App;