我是靠谱客的博主 眯眯眼盼望,这篇文章主要介绍react路由配置,现在分享给大家,希望可以做个参考。

react路由配置
        1 安装react-router-dom 5.2.0 或者5.2.1
          npm i react-router-dom --save-dev
        2 在项目中创建router.js文件
          import { BrowserRouter, Route } from 'react-router-dom';

          class Router extends React.Component{
            render() {
              return (
                <BrowserRouter>
                  <Route exact path="/路径" component={路由组件}></Route>
                  <Route strict exact path="/路径/:自定义属性名" component={路由组件}></Route>   // 动态路由匹配   /路径/123  /路径/name
                </BrowserRouter>
              )
            }
          }

          exact 为严格模式 
          strict 精确匹配

          export default Router

      3 在index.js文件中 引入 Router
        import Router from './Router'

        <React.StrictMode>
          <Router />
        </React.StrictMode>

        注意:
          在react-router-dom中有Link标签 

最后

以上就是眯眯眼盼望最近收集整理的关于react路由配置的全部内容,更多相关react路由配置内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(50)

评论列表共有 0 条评论

立即
投稿
返回
顶部