react.js报错信息(一)之error: 'Link' is not exported from 'react-router'.

react.js报错信息(一)之error: 'Link' is not exported from 'react-router'.

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

image.png


报错代码如下


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



追梦猪网站致力于前端分享申明:本站内容搜集整理而来请勿商业用途,仅供交流所用,如若侵犯您的权益请邮件站长进行删除!

文明浏览请勿传播非法内容