React-router V4中Link组件的坑
2018-01-23 17:02
423 查看
初学react,跟着教程码下来,到了页面跳转的时候遇到个坑
最开始报错Link组件没找到,如图
然后跟着教程里的方法
Import { Link } from ‘react-router’
引入了Link组件,又报错了,说react-router依赖里面没有一个叫Link的组件,如图
百度了半天,发现写的没毛病,去node_modules里面找react-router依赖,发现确实没有Link组件,
荡了一份百度上的代码,去react-router找,发现两者版本不一样,我用的是4.2.0的版本,没有Link组件,下载下来的是2.8.1的版本,确实有Link组件。
那么问题来了,Link组件跑哪去了?
新版的Link在react-router-dom这个包里面,需要重新下载依赖
Npm install react-router-dom --save
然后在要用的地方
Import { Link } from ‘react-router-dom’
在刷新就好了
目前因为我只用到Link组件,如果有其他组件也像这个组件一样换了位置,欢迎补充。
最开始报错Link组件没找到,如图
然后跟着教程里的方法
Import { Link } from ‘react-router’
引入了Link组件,又报错了,说react-router依赖里面没有一个叫Link的组件,如图
百度了半天,发现写的没毛病,去node_modules里面找react-router依赖,发现确实没有Link组件,
荡了一份百度上的代码,去react-router找,发现两者版本不一样,我用的是4.2.0的版本,没有Link组件,下载下来的是2.8.1的版本,确实有Link组件。
那么问题来了,Link组件跑哪去了?
新版的Link在react-router-dom这个包里面,需要重新下载依赖
Npm install react-router-dom --save
然后在要用的地方
Import { Link } from ‘react-router-dom’
在刷新就好了
目前因为我只用到Link组件,如果有其他组件也像这个组件一样换了位置,欢迎补充。
相关文章推荐
- 【react-router】从Link组件和a标签的区别说起,react-router如何实现导航并优化DOM性能?
- react路由基础(Router、Link和Route)
- react-router的 <Link/>中的属性
- React router动态加载组件之适配器模式的应用详解
- React第三方组件1(路由管理之Router的使用⑤按需加载-下)
- <Link>s rendered outside of a router context cannot navigate<React-router报错>
- react-router v4
- Webpack懒加载React Router的页面组件
- React-router v4 路由配置方法小结
- 【转自阮一峰老师】React Router中IndexRoute组件的用法
- react-router 4.2.0<link>页面跳转-传参与不传参
- React第三方组件1(路由管理之Router的使用③传参)
- 解决 react-router / react-router-dom v4 history不能访问的问题
- 关于react-router中<Link>的调试: You should not use <Link> outside a <Router>
- react-router V4 版本不能嵌套路由的问题
- react-router4.x 组件和api介绍
- React-router v4 路由配置方法小结
- react-router v4 按需加载
- react-router 只变 link 不更新内容的问题的解决 记录
- react-router v4 路由规则解析