在src/page
資料夾下建立dashboard
資料夾,同時在該資料夾中新建analysis.js
,monitor.js
,workplace.js
三個檢視元件,目錄結構如下:
├── dashboard│ ├── analysis.js
│ ├── monitor.js
│ └── workplace.js
...//省略其他章節中的目錄
routes 配置介紹
export default, ,,,
]},
]}],
};
這段配置的意思是指:
layout 檔案中 children解釋:
import from 'react';import from 'antd';
//header, footer, sider, content元件在layout元件模組下
const =layout;
class basiclayout extends component
//這裡
footer
) }
}export
default basiclayout;
上面**中,我們建立了乙個三部分的基本布局:header
、content
、footer
。然後我們將content
替換成,這樣之後我們設定的路由會通過替換 children 變數實現內容的切換。
this.props.children
獲取的內容是 包住的**塊,可以據此獲取子元件中的內容。
學習鏈結
Route命令詳解
route在本地 ip 路由表中顯示和修改條目。使用不帶引數的 route 可以顯示幫助 語法route f p mand destination mask mask gateway metric metric if inte ce 引數 f 清除所有不是主路由 網掩碼為 255.255.255.2...
route命令詳解
route命令是用於操作基於核心ip路由表,它的主要作用是建立乙個靜態路由讓指定乙個主機或者乙個網路通過乙個網路介面,如eth0。當使用 add 或者 del 引數時,路由表被修改,如果沒有引數,則顯示路由表當前的內容 n不解析名字 f清空所用配置 p與add 命令一起使用時使路由具有永久性 add...
Vim修煉秘籍之語法篇
少年,我看你骨骼精奇,是萬中無一的武學奇才,維護世界和平就靠你了,我這有本秘籍 vim修煉秘籍 見與你有緣,就十塊賣給你了!如果你是一名 vimer,那麼恭喜你,你的 vim 技能馬上要公升級了 如果你之前不了解過 vim 那麼也沒關係,本文就當成學英語語法了!好,廢話不多說,秘籍送上。ps 建議先...