react中dva幹什麼用的？

dva是一個基於redux和redux-saga的一個輕型框架，能輔助更好的組織代碼進行開發；同時內建了react-router和fetch，基本上具備了開發web前端應用所需的主要工具，簡化了開發體驗，可省下開發者自行進行設定安裝的工作。

react中dva是什麼？幹嘛用的？

dva 首先是一個基於redux 和redux-saga 的資料流方案，然後為了簡化開發體驗，dva 還額外內建了react-router 和fetch，所以也可以理解為一個輕量級的應用框架。

dva能輔助更好的組織程式碼來開發。同時提供了react-router和fetch，基本上具備了開發web前端應用所需的主要工具，並省下開發者自行進行設定安裝的工作。

dva官網位址：https://dvajs.com/

dva對資料的管理，是以redux為基礎，redux將所有頁面的資料以一個樹狀的結構保存起來（因為對於一個但頁面應用，所有的dom元件都是以樹狀組織起來的。所以資料和dom元件都可以找到一一對應的關係）

所以dva要做這樣幾件事：

• 儲存資料。

• 提交資料操作請求。操作請求的資訊包含一個動作和新的資料（動作 操作數）。新資料的來源有同步和異步。

• 根據新的資料和資料操作請求，更新舊的資料。

• 把新的資料告訴react元件。

DVA安裝

步驟1：安裝鷹架dva-cli

npm i dva-cli -g
或
yarn add global dva-cli

步驟2：驗證是否安裝成功

dva -v

DVA建立專案

步驟1：透過鷹架工具產生dva框架程式碼

dva new dvashop

步驟2：啟動測試

cd dvashop

yarn start
或者
npm start

更多程式設計相關知識，請造訪：程式設計學習網站！ ！

以上是react中dva幹什麼用的？的詳細內容。更多資訊請關注PHP中文網其他相關文章！