概述

使用路由 提示 'Link' is not exported from 'react-router'

报错代码如下

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import { Link } from 'react-router'
class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data:"js是世界上最好的语言1"
    };
  }
  render() {
    return (
      <div className="zmz-reacct">
        <header className="App-header">
        <div style={{width:"100%",height:"300px",fontSize:"20px"}}>
          <Link to="/my">
            <div id="div1" style={{
                width:"100%",
                height:"100px",
                backgroundColor:"#ff0",
                lineHeight:"100px",
                textAlign:"center"
            }}>点击跳转</div>
          </Link>
        </div>
          <img src={logo} className="App-logo" alt="logo" />
          <p>
            修改<code onClick={handleClick}>src/App.js</code> 启动文件.
          </p>
          <a
            className="App-link"
            target="_blank"
            rel="noopener noreferrer"
            id="div1"
          >
            Learn React
          </a>
        </header>
      </div>
    );
  }
}
export default App;

出错原因

通常在 React 中，一般要引入两个包，react和 react-dom，那么react-router和react-router-dom不同之处就是后者比前者多出了<Link> <BrowserRouter>这样的 DOM 类组件，因此只需引用react-router-dom这个包就OK了

npm i react-router-dom