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幹什麼用的？的詳細內容，更多請關注TW511.COM其它相關文章！