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

Question

I'm using 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

and this message appears in development when attaching a react-router Link

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

This is the import code:

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

By the way changing version to react-router@2.0.1 seems to be working.
Does anyone know if Link was removed from react-router? what happened with Link?

If not, why do I get this error?

Answer 1

4.x introduced some breaking changes, you'll need to import Link from react-router-dom :

CommonJS

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

ES6 Modules

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

Take a peek here for some additional background: https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom