修改方式
用Router替换掉Switch

import React, { Component } from 'react'
import { BrowserRouter as Router, Route } from 'react-router-dom'
import AllComponents from '../components/index'
import routesConfig from './config';export default class CRouter extends Component {render() {return (<Router>{Object.keys(routesConfig).map(key =>routesConfig[key].map(r => {const route = r => {const Component = AllComponents[r.component];return (<Routekey={r.route || r.key}exactpath={r.route || r.key}render={() =>{return  <Component />;}}/>);};return r.component ? route(r) : '';}))}</Router>)}
}

React路由报错You should not use Switch outside a Router相关推荐

  1. React 路由报错 You should not use Route or withRouter() outside a Router

    App.js在中的代码 import React, {Component , Fragment} from 'react'; import {withRouter , Route , Switch , ...

  2. 'React' must be in scope when using JSX react/react-in-jsx-scope报错:

    'React' must be in scope when using JSX react/react-in-jsx-scope报错: 在头部引入 import React from 'react'即 ...

  3. React启动报错These dependencies were not found:

    React启动报错These dependencies were not found: These dependencies were not found: * @tmp/history in ./s ...

  4. 解决vue项目中重复点击导航路由报错

    vue版本 "vue": "^2.6.11", 主要代码 //重复点击导航路由报错 const originalPush = VueRouter.prototy ...

  5. vue重复路由报错解决

    vue重复路由报错解决 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation- 分为三种解决方式 1.捕获异 ...

  6. vue重复访问同一路由报错

    vue重复访问同一路由报错 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) // 重写router的push ...

  7. vue 解决重复点击导航路由报错 问题

    // 解决重复点击导航路由报错 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function pu ...

  8. React项目报错: __WEBPACK_IMPORTED_MODULE_3_react___default.a.memo is not a function

    今天用react做项目的时候遇到一个错误 React项目报错: __WEBPACK_IMPORTED_MODULE_3_react___default.a.memo is not a function ...

  9. 引入react文件报错_react.js引入router文件后报错

    我是一个初学者,目前遇到一个问题,没能定位问题的原因和解决 从router.js文件导出 RouteConfig 我的路由文件如下:router.js import React from 'react ...

最新文章

  1. [WCF] - Odata Service 访问失败,查看具体错误信息的方法
  2. 《数据结构与抽象:Java语言描述(原书第4版)》一JI2.3 抛出异常
  3. 如何使用python numpy中的数组复制
  4. long 转为string_面试必问 Redis数据结构底层原理String、List篇
  5. 叮!您收到一份超值Java基础入门资料! 1
  6. 线程锁定CPU linux,linux 线程与CPU绑定
  7. 面向对象之信息传递为何是调用方法
  8. java nginx 重启吗_Nginx的启动、停止、平滑重启
  9. SDL2源代码分析7:显示(SDL_RenderPresent())
  10. 自然语言处理跟踪研究
  11. 【Django 2021年最新版教程24】循环得到2个日期之间的所有日期
  12. 计算机电源高频干扰,在高频开关电源设计中怎样抑制电磁干扰?
  13. 使用Quartz实现定时任务
  14. python中的大数据品牌运营专业公司_大数据专业有哪些就业岗位?
  15. 【Devc++】双人跑酷小游戏1.3
  16. 怎样在Unity里面进行代码的查错
  17. 春节或将成为短信唯一的救命稻草?
  18. 关于if 判断中null为什写前边和在使用equals方法进行判断是为什么要 “1“.equals(str)
  19. 日历 java 代码
  20. HTML 3d立体旋转相册

热门文章

  1. 帆软finereport学习路线,如何拿到fcrp-D证书?
  2. Lin-UI Grid组件 构建六宫格
  3. 装修日记——装修时间
  4. 东软集团、红星美凯龙、TCL、中国移动都在用的自动化测试工具
  5. android superuser.apk 管理root权限原理分析
  6. Oracle创建视图view权限不足
  7. Mac远程控制工具有哪些
  8. 《完全用Linux工作,摈弃Windows》 (我收集的比较畅快的文章)
  9. 并不对劲的bzoj2638
  10. nginx(官方安装) Nginx相关文件 Nginx模块 location