react项目引入路由

1.安装react-router-dom

npm install --save react-router-dom

2.路由组件:containers/register/register.jsx

/* 用 户 注 册 的 路 由 组 件 */
import React, { Component } from 'react'

export default class Register extends Component {
    render() {
        return (<div>Register</div>)
    }
}

3.映射路由:index.js

import React from 'react'
import ReactDOM from 'react-dom'

import { HashRouter, Switch, Route } from 'react-router-dom'
import Login from './containers/login/login'
import Register from './containers/register/register'
import Main from './containers/main/main'
ReactDOM.render((
    <HashRouter>
        <Switch>
            <Route path='/register' component={Register} />
        </Switch>
    </HashRouter>
), document.getElementById('root'))

效果展示 image.png