【已解决】Error: Invariant failed: You should not use <withRouter(RouterView) /> outside a <Router>

简介: Error: Invariant failed: You should not use <withRouter(RouterView) /> outside a <Router>

Error: Invariant failed: You should not use <withRouter(RouterView) /> outside a <Router>

问题代码:

import React, {Component} from 'react';
import {BrowserRouter as Router, Route, Switch, withRouter} from 'react-router-dom';
import * as A from '../a';
import * as B from '../b';

class RouterView extends Component{
    render() {
        return (
            <Router>
                <Switch>
                    <Route path="/" component={A}/>
                    <Route path="/b" component={B}/>
                </Switch>
            </Router>
        );
    }
}

export default withRouter(RouterView)

解决:将BrowserRouter摘出来即可


over。。。

相关文章
|
10月前
|
人工智能 Kubernetes 安全
Higress 入选全球 Top 100 MCP Servers 榜单|MCPMarket.com
MCPMarket.com 近日发布了全球 Top 100 MCP Servers 榜单,Higress 作为 MCP Hosting 方案入选。Higress 是一款开源 AI 原生 API 网关,支持 K8s 微服务架构、大模型统一代理及 MCP 快速转化等三大核心场景。此外,Higress 上线了 MCP 市场,官方维护 50+ Server,提供一键安装支持。
|
SQL Web App开发 资源调度
React实现组件全屏化
本文基于React+antd,给大家演示一个完整的全屏demo。 起因是开发今天给我提了一个sql编辑器输入框比较小,不支持放大,不太方便。希望能够全屏显示,联想到自己以后可能也会需要,便研究并记录之。
React实现组件全屏化
|
缓存 运维 NoSQL
【Redis故障排查】「连接失败问题排查和解决」带你总体分析和整理Redis的问题故障实战开发指南及方案
【Redis故障排查】「连接失败问题排查和解决」带你总体分析和整理Redis的问题故障实战开发指南及方案
2050 0
|
SQL 大数据 数据挖掘
玩转大数据:从零开始掌握SQL查询基础
玩转大数据:从零开始掌握SQL查询基础
423 35
|
8月前
|
NoSQL Java 数据库
Java 全栈学习超全面知识图谱构建完整 Java 知识体系
本文全面讲解Java核心技术体系,涵盖基础语法、面向对象、集合框架、主流框架(Spring、Spring Boot、MyBatis)及三大实战项目(微服务电商、响应式博客、企业后台系统),助你系统掌握Java全栈开发技能。
606 2
|
前端开发 数据安全/隐私保护
crypto-js中AES的加解密封装
文章介绍了如何在前端使用crypto-js库进行AES加密和解密,提供了加解密的函数封装示例,并演示了如何加密和解密字符串或对象。
1419 1
crypto-js中AES的加解密封装
|
12月前
|
机器学习/深度学习 人工智能 自然语言处理
AI训练师入行指南(三):成熟AI模型与自研如何选择?
本文为AI训练师提供选型指南,探讨使用成熟模型还是自研算法。内容涵盖NLP、CV和多模态场景下主流模型推荐,如DeepSeek-Chat、GPT-4o、ResNet-50等,以及自研模型的应用场景与技术实现。同时提供懒人四步决策法和避雷口诀,帮助快速选择适合的工具。新手建议从预训练模型入手,逐步深入魔改或自研,避免常见坑点。附带场景化对比表,助力高效决策。
833 5
|
12月前
|
人工智能 监控 算法
卷不过AI就驯服它!AI训练师速成攻略
这是一篇关于AI训练师职业的全面指南。文章从“驯服AI”的理念出发,将AI训练师比作“幼儿园老师”,详细描述了该职业的工作内容、入行技能要求、成长路径及工作日常。新手可以从基础的数据标注做起,逐步学习Python、数学知识和工具使用,通过三年计划实现职业进阶。文中还分享了摸鱼技巧、崩溃与高光时刻,以及避坑建议和未来转型方向。无论是在电商公司给商品打标签,还是训练医疗AI辅助诊断,这个职业都充满挑战与机遇。最后鼓励大家主动拥抱变化,把AI变成自己的左膀右臂,而非竞争对手。
3007 3
|
监控 负载均衡 网络协议
OSPF在小型网络中的应用:简化配置与高效管理
OSPF在小型网络中的应用:简化配置与高效管理
616 1
|
数据采集 网络协议 Java
HTTP调用:你考虑到超时、重试、并发了吗?
今天,我们一起聊聊进行 HTTP 调用需要注意的超时、重试、并发等问题。
710 0

热门文章

最新文章