React 构建单页应用fix bug You should not use Link outside a Router

记录使用react-router-dom的坑一直用vue的路由思想实现单页路由的跳转，但是尚未成功还提示我You should not use &lt;Link&gt; outside a &lt;Router&gt;误以为 &lt;HashRouter&gt;相当于vue的&lt;

阿奇是只猪

6754人浏览 · 2018-08-23 17:00:54

阿奇是只猪 · 2018-08-23 17:00:54 发布

记录使用react-router-dom的坑

一直用vue的路由思想实现单页路由的跳转，但是尚未成功还提示我You should not use <Link> outside a <Router>
误以为 <HashRouter>相当于vue的<router-view>
在网上也没有找到具体的资料但是我猜想是因为我把footer组件里引用的link 放到了 HashRouter标签的外面
一开始我的页面布局是这样子的
这里写图片描述
会一直报错：You should not use <Link> outside a <Router>

第二张方案

之后我在想是不是因为没有容器包裹着路由跳转的HashRouter 所以我就给页面做一个整体优化，如下图所示
这里写图片描述

事实证明我是对的!

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^