2017.12.07 React路由到不同组件界面

前提:

引入的react-router组件必须是2.*.*的版本,不然其他版本不是这样的写法

 

 

1.index首页路由到不同组件界面:

import React,{Component} from 'react';
import ReactDOM from 'react-dom';
import { Router,hashHistory,Route } from 'react-router';
import Apply from './apply';
import Examines from './Examine';
export  class Routes extends Component{
    render(){
        console.log('Routes')
            return(
                <Router history={hashHistory}>
                    <Route path="/" component={Apply}/>
                    <Route path="/a" component={Examines}/>
                </Router>
            );
    }
}
ReactDOM.render(<Routes/>, document.getElementById('root'));

实现的效果:

 

 

2.需要路由的组件怎么写?

(1)首先必须有:只有加了   default

export default class Apply extends Component{}

路由页面才能导入相应的组件:

(2)需要路由的组件不能再次注册:

 



posted @ 2017-12-07 11:42  小春熙子  阅读(1179)  评论(0编辑  收藏  举报