'react-router'不包含名为'Link'的导出

Question

我正在使用react-router@4.1.1

??? react-router@4.1.1
  ??? history@4.6.1
  ? ??? resolve-pathname@2.1.0
  ? ??? value-equal@0.2.1
  ??? warning@3.0.0

连接react-router Link时,此消息将显示在开发中

./src/containers/FilterLink.js
37:4-8 'react-router' does not contain an export named 'Link'.

这是导入代码:

import React from 'react';
import { Link } from 'react-router';

顺便说一下,将版本更改为react-router@2.0.1似乎正在运行.
有人知道Link是从react-router中删除的吗？Link发生了什么？

如果没有,为什么我会收到此错误？

Answer 1

4.x引入了一些重大更改,您需要Link从react-router-dom以下位置导入:

CommonJS的

var Link = require('react-router-dom').Link

ES6模块

import { Link } from 'react-router-dom'

看看这里有一些额外的背景:https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom