react项目中遇到的bug

1、react-router使用时，在浏览器出错：Attempted import error: 'Link' is not exported from 'react-router

 

源代码如下： 

import React, { Component } from 'react';
import {Menu} from 'semantic-ui-react';
import 'semantic-ui-cssmantic.min.css';
import {Link} from 'react-router';
 
 
class App extends Component {
  render() {
    return (
      <div>
        <Menu pointing secondary>
          {/* 书写路由的链接 */}
          <Link></Link>
        </Menu>
        {this.props.children}
      </div>
    );
  }
}
出错原因：通常在 React 中，一般要引入两个包，react和 react-dom，那么react-router和react-router-dom不同之处就是后者比前者多出了<Link> <BrowserRouter>这样的 DOM 类组件，因此只需引用react-router-dom这个包就OK了

 

2、在react 项目中，使用react-routerÿ