React router 3.1

React router 安装

npm install --save react-router

使用一个支持 CommonJS 或 ES2015 的模块管理器，例如 webpack：

// 使用 ES6 的转译器，如 babel
import { Router, Route, Link } from 'react-router'
// 不使用 ES6 的转译器
var ReactRouter = require('react-router')
var Router = ReactRouter.Router
var Route = ReactRouter.Route
var Link = ReactRouter.Link

• 报错：Attempted import error: 'Link' is not exported from 'react-router'.
  原因：通常我们在 React 的使用中，一般要引入两个包，react和 react-dom，那么react-router和react-router-dom是不是两个都要引用呢？注意：他们两个只要引用一个就行了，不同之处就是后者比前者多出了 这样的 DOM 类组件。因此我们只需引用react-router-dom这个包就OK了

示例

import React, { lazy } from 'react';
//引入Router，Switch，Route
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

import './App.css';
import inputs from './components/input/input'

function App() {
  
  return (
    <div className="App">
      React
      <Router>
          <Switch>
          //调用Router进行路由的切换
            <Route path="/inputs" component={inputs}/>
          </Switch>
      </Router>
    </div>
  );
}

export default App;

//引入React和Component
import React, { Component } from "react";

class inputs extends Component {
    render() {
        return (
            <div>
                input这是input组件aaadsfsa
            </div>
        )
    }
}

export default inputs;