原生js路由跳转方法_今日艰难笔记原生js整合reactrouter路由管理
生活随笔
收集整理的這篇文章主要介紹了
原生js路由跳转方法_今日艰难笔记原生js整合reactrouter路由管理
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
數據大屏使用權限三種場景模式
學校登錄,只能查看自己學校的數據大屏(紹興中專較為特殊)
市級教育局登錄,可看到自己所在級數據大屏,區級,子級數據大屏
區級教育局可看到子級,所在級
當為教育局類型時,點擊返回案例,跳轉到賬號所屬級別數據大屏
具體權限及頁面跳轉,有react-router實現
1.app.jsx入口處頁面,設置頁面傳參變量名,并設置 關鍵字exact,表示不包含性匹配,
2.入口處,第一次路徑初值,判斷學校類型即地圖顯示類型
3.edubigscreen.jsx頁 教育局大屏頁,將傳參放入state,做到數據統一儲存與管理,路徑參數的賦值操作有三處,組件的state,父級地圖的點擊事件,子級地圖的點擊事件。
4.bigscreen.jsx頁面?學校級數據大屏為多頁面,每個頁面為一個組件,新建二級router進行路由管理
5.在大屏頁面,參數的賦值操作有兩處,每個頁面組件的state,還有就是導航欄組件screenNav組件跳轉時賦值。
大屏路由管理暫且到這,接下來我認真看安全,底層協議,嗚嗚,我要自救,京東白條終身黑。
總結
以上是生活随笔為你收集整理的原生js路由跳转方法_今日艰难笔记原生js整合reactrouter路由管理的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 消防荷载楼板按弹性还是塑性计算_现浇楼板
- 下一篇: 头的各个部位示意图_微观古建—古建筑的墀