2017.12.07 React路由到不同组件界面

时间：2017-12-07 12:31:22 收藏：0 阅读：249

前提：

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

技术分享图片

原文：http://www.cnblogs.com/hqutcy/p/7998368.html