React-router V4中Link组件的坑

React-router V4中Link组件的坑

初学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组件,如果有其他组件也像这个组件一样换了位置,欢迎补充。 

猜你喜欢

转载自blog.csdn.net/C11611/article/details/81807206