架構之 umi框架與dva的使用

2021-10-05 05:00:41 字數 937 閱讀 3950

首先申明:這是乙個由 umi + antdesign + dva 構成的專案,本節內容主要講述的是,搭建乙個做到 元件 + 請求介面資料 + 資料管理模型 + mock 資料 的簡潔、科學、有效的邏輯結構,以及怎麼實現它,它有什麼優點。

目錄結構如下:

action/customer.js 檔案:

上文的順序是按照資料活動的邏輯順序排列的

在 customer/list/index.js(圖2) 介面中,通過 connect 方法將 state 資料與元件關聯了起來,使該元件可以獲取 state 資料,形成了乙個完整的資料流。

注意:上文中的 request 是 umi 框架自帶的請求方法,已經封裝好了,在 src/utils/request 中

注意事項及優點

缺點

使用dva框架的總結

最近的專案是react dva atd webpack的乙個後台專案,剛接觸dva就感覺很喜歡,很簡潔用著很爽。關於使用redux中的一些問題 1 檔案切換問題 redux的專案通常喲啊分為reducer action saga component等等,我們需要在檔案之間來回切換,並且檔案通常是分目...

使用dva框架的總結

最近的專案是react dva atd webpack的乙個後台專案,剛接觸dva就感覺很喜歡,很簡潔用著很爽。關於使用redux中的一些問題 1 檔案切換問題 redux的專案通常喲啊分為reducer action saga component等等,我們需要在檔案之間來回切換,並且檔案通常是分目...

React框架Umi實戰 1 簡介與使用腳手架

之前寫完了dva入門系列,它只是乙個純粹的資料流框架,拿來開發是沒有問題的.但是還是有一些繁瑣的步驟,每次要手動註冊model,手寫route路由.umi的出現結合dva,使得開發更加的優雅與便捷.開箱即用,內建 react react router 等 類 next.js 且功能完備的路由約定,同...