1. 說明：
   a. 引入模塊：
   
   b. 定義路徑和鏈接：
   
   c. 定義子路徑：
   
   d. 定義單擊跳轉(zhuǎn)事件：
   

2. 完整代碼：

   

   創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、橋東網(wǎng)絡(luò)推廣、小程序開發(fā)、橋東網(wǎng)絡(luò)營銷、橋東企業(yè)策劃、橋東品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供橋東建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

   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 browserHistory = ReactRouter.browserHistory
   var CreateClass = require('create-react-class')
   var PropTypes = require('prop-types')
   var Index = CreateClass({
   render:function(){
       return (
           
               
   
                   
   
                       
   Home
                       
   About
                       
   Docs
                   
                   
   
                   
                   
                   
                   
               
           
       )
   }
   })
   var Home = CreateClass({
   render:function(){
       return(
           
   
               
   Home
           
       )
   }
   })
   var About = CreateClass({
   render:function(){
       return(
           
   
               
   About
           
       )
   }
   })
   var Docs = CreateClass({
   render:function(){
       return(
           
   
               
   
                   
   Step1
               
   
               
   
   
               
           
       )
   }
   })
   var Step1 = CreateClass({
   onClick:function(){
       var history = this.props.history
       history.push('/')
   },
   render:function(){
       return(
           
   
               回到主頁
               
   Step1
           
       )
   }
   })
   ReactDom.render((
   
   ), document.body)

3. 效果：
   a. 主頁：
   
   b. 父頁面：
   
   c. 子頁面：
   
   d. 點(diǎn)擊回到主頁：
   
4. 手動(dòng)控制跳轉(zhuǎn)：
   a. 引入組件：

   var ReactRouter = require('react-router-dom')
   var withRouter = ReactRouter.withRouter

   
   b. 使用：

   this.props.history.push("/")

   
   c. 導(dǎo)出：

   module.exports = withRouter(Login)

   

5. 使用hash路由（使代碼打包后可以在本地運(yùn)行）：
   a. 引入模塊：

   var Router = ReactRouter.HashRouter

   
   b. 使用：

   

6. 404頁面：
   a. 引入：

   var Switch = ReactRouter.Switch

   b. 定義：

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。