zoukankan      html  css  js  c++  java
  • 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)需要路由的组件不能再次注册:



  • 相关阅读:
    反射
    Ajax
    JSP(二)
    JSP
    Servlet(三)
    Servlet(二)
    Servlet
    idea的Tomcat的配置
    使用Idea创建Maven构造的Web工程
    Maven的下载、安装与环境配置
  • 原文地址:https://www.cnblogs.com/hqutcy/p/7998368.html
Copyright © 2011-2022 走看看