React路由报错You should not use Switch outside a Router
修改方式
用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相关推荐
- React 路由报错 You should not use Route or withRouter() outside a Router
App.js在中的代码 import React, {Component , Fragment} from 'react'; import {withRouter , Route , Switch , ...
- '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'即 ...
- React启动报错These dependencies were not found:
React启动报错These dependencies were not found: These dependencies were not found: * @tmp/history in ./s ...
- 解决vue项目中重复点击导航路由报错
vue版本 "vue": "^2.6.11", 主要代码 //重复点击导航路由报错 const originalPush = VueRouter.prototy ...
- vue重复路由报错解决
vue重复路由报错解决 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation- 分为三种解决方式 1.捕获异 ...
- vue重复访问同一路由报错
vue重复访问同一路由报错 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) // 重写router的push ...
- vue 解决重复点击导航路由报错 问题
// 解决重复点击导航路由报错 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function pu ...
- 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 ...
- 引入react文件报错_react.js引入router文件后报错
我是一个初学者,目前遇到一个问题,没能定位问题的原因和解决 从router.js文件导出 RouteConfig 我的路由文件如下:router.js import React from 'react ...
最新文章
- [WCF] - Odata Service 访问失败,查看具体错误信息的方法
- 《数据结构与抽象:Java语言描述(原书第4版)》一JI2.3 抛出异常
- 如何使用python numpy中的数组复制
- long 转为string_面试必问 Redis数据结构底层原理String、List篇
- 叮!您收到一份超值Java基础入门资料! 1
- 线程锁定CPU linux,linux 线程与CPU绑定
- 面向对象之信息传递为何是调用方法
- java nginx 重启吗_Nginx的启动、停止、平滑重启
- SDL2源代码分析7:显示(SDL_RenderPresent())
- 自然语言处理跟踪研究
- 【Django 2021年最新版教程24】循环得到2个日期之间的所有日期
- 计算机电源高频干扰,在高频开关电源设计中怎样抑制电磁干扰?
- 使用Quartz实现定时任务
- python中的大数据品牌运营专业公司_大数据专业有哪些就业岗位?
- 【Devc++】双人跑酷小游戏1.3
- 怎样在Unity里面进行代码的查错
- 春节或将成为短信唯一的救命稻草?
- 关于if 判断中null为什写前边和在使用equals方法进行判断是为什么要 “1“.equals(str)
- 日历 java 代码
- HTML 3d立体旋转相册