React-router报错Link' is not exported from 'react-router'

尝试过网上说的引入react-router-dom包,但是实际报错说找不到该文件

我看教程http://react-guide.github.io/...

app.js

import React, { Component } from 'react';
// import ReactDOM from 'react-dom';
// import {Link} from 'react-router-dom';
// import logo from './logo.svg';
import './App.css';

import {Link} from 'react-router'

class App extends Component {
  render() {
    return (
      <div>
          <h1>cw1997's first react-router project</h1>
          <nav>
              <ul>
                  <li><Link to="first">first</Link></li>
                  <li><Link to="second">second</Link></li>
                  <li><Link to="third">third</Link></li>
              </ul>
          </nav>
          <div>
              {this.props.children}
          </div>
      </div>
    );
  }
}

export class First extends Component {
  render() {
    return (
      <p>First</p>
    );
  }
}

export class Second extends Component {
  render() {
    return (
      <p>Second</p>
    );
  }
}

export class SubRoute extends Component {
    // constructor() {
    //     super()
    // }
    componentDidMount() {
        // const id = this.props.params.id
    }
    render() {
        return (
            <div>
                {this.props.params.id}
            </div>
        )
    }
}

export default App;

阅读 11k
1 个回答

已解决,中文文档更新滞后的缘故。
最新官方文档的说明https://reacttraining.com/rea...

提到npm install react-router-dom

然后
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
即可

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题