学习antd-design-pro
學習使用react-antd-pro框架(一篇學習中的問題思考記錄)
框架介紹
react-antd-pro 大體上等于 react + antd + pro。官網對于相關技術棧的描述如下：
我們的技術棧基于 ES2015+、React、UmiJS、dva、g2 和 antd
UmiJS: 可插拔的企業級 react 應用框架
dva: React and redux based, lightweight and elm-style framework
g2: 一套基于可視化編碼的圖形語法
問題 VS 解析
子路由頁面刷新，面包屑導航拿不到路由信息報錯
Q: /pages/some_dir/_layout.js 刷新拿不到routes相關信息，導致breadcrumb報錯
A: routes的初始化放在*/layouts/basicLayout.js*的ComponentDidMount下，因為完成渲染的順序是 子組件 -> 子組件模版 -> 外層模板，所以內層的componentDidMount比外層早，拿到的結果為空對象。
解決方案：
關于router切換的loading
Q: 頁面路由切換時，如何加載loading，優化體驗
A: 在 .umirc.js 中修改 dynamicImport 插件，支持本地loading組件。官網相關資料 / dynamicImport
/pages/[*]/_layout.js 的 props.children 為 Null
A: 暫不知道原因，被問題困擾很久。結果是我把route下的routes鍵替換為children導致的。 :simle
總結
以上是生活随笔為你收集整理的学习antd-design-pro的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使用kibana或postman操作El
- 下一篇： 关于C语言中的Bool类型变量的一点看法