路由檔案及其使用

2021-10-07 12:05:07 字數 2002 閱讀 2398

1、新建路由檔案,根據路由的不同作用,劃分成不同模組


export const mainroutes=[


, ] export const otherroutes=[


... ] 


2、構建路由:


index.js放置如登入等的入口路由


路由檔案中的屬性通過map遍歷來生成路由,使用解構將所有屬性放在內
**示例:

routes下的index.js:

import login from


'../pages/login'


import index from


'../pages/admin/dashboard/index'


import list from


'../pages/admin/products/list'


import edit from


'../pages/admin/products/edit'


import pagenotfound from


'../pages/pagenotfound'


export


const mainroutes=[,


]export


const adminroutes=[,


,]
index.js:

import react from


'react'


;import reactdom from


'react-dom'


;import


from


'react-router-dom'


import


'./index.css'


;import


*as serviceworker from


'./serviceworker';;


import


from


'./routes/index'


;reactdom.


render


('/admin' render=


>


<


}>


<


/route>


>


<


/route>})


}'/404'


>


<


/redirect>


<


/switch>


<


/hashrouter>


, document.


getelementbyid


('root'))


;// unregister() to register() below. note this comes with some pitfalls.


// learn more about service workers: 


serviceworker.


unregister()


;
import react from


'react'


;import


;import


from


'react-router-dom'


import


from


'antd'


import


'antd/dist/antd.css'


import


from


'./routes/index'


function()


path=


exact=


render=


>


<


/route.component>}}


>


<


/route>})


}'/404'


>


<


/redirect>


<


/switch>


<


/div>);


}export

路由器及其工作原理

路由器及其工作原理 心不在焉 路由器的內部元件 路由器是由flash nvram rom ram cpu inte ces組成的。flash 硬碟 壓縮後的ios，微 斷電後不丟失 檢視flash資訊 r1 show flash 檢視flash上儲存的ios檔名及大小 r1 dir 刪除flash中...

檔案及其編碼

1 計算機中的各種檔案本質上都是以二進位制的形式存在的，之所以有各種型別的檔案，是因為不同型別的檔案使用的編碼方式不一樣。2 標準ascii編碼 american standard code for information interchange 使用8個bit編碼乙個字元，指定了128個字元的編碼...

路由使用 路由跳轉 路由傳參

修改src main.js檔案，載入路由 import router from router import store from store store.js 路由跳轉，有兩種方式。this.router.push this.router.push 在元件中可以使用this.rou ter訪 問路由...