1. 图解：
   
   
   
   
2. 代码：

   // less
   require ('./static/less/index.less')
   // 核心
   var React = require('react')
   var ReactDom = require('react-dom')
   var ReactRouter = require('react-router-dom')
   var Router = ReactRouter.BrowserRouter
   var Route = ReactRouter.Route
   var Link = ReactRouter.Link
   var CreateClass = require('create-react-class')
   var PropTypes = require('prop-types')
   var ajax = require('dollarphpajax')
   // 组件
   var Index = CreateClass({
   render:function(){
       return (
           
               
   
                   
                   
                   
                   
               
           
       )
   }
   })
   var Head = CreateClass({
   render:function(){
       return (
           
   
               
   main
               
   1
               
   2
           
       )
   }
   })
   var Content = CreateClass({
   render:function(){
       return (
           
   
               
               
               
           
       )
   }
   })
   var Content_main = CreateClass({
   render:function(){
       return (
           
   
               main
           
       )
   }
   })
   var Content_1 = CreateClass({
   render:function(){
       return (
           
   
               1
           
       )
   }
   })
   var Content_2 = CreateClass({
   render:function(){
       return (
           
   
               2
           
       )
   }
   })
   // 渲染
   ReactDom.render(
        ,
        document.getElementById('app')
   )

3. 效果：
   
   
   

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

专注于为中小企业提供成都网站设计、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业芜湖免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了1000多家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
分享题目：react-router（不同组件之间传递路由）-创新互联
当前网址：http://lswzjz.com/article/dgoepi.html