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