2017.12.07 React路由到不同组件界面

Posted 2020-10-16 小春熙子

前提：

引入的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）需要路由的组件不能再次注册：