最近在用ant pro 做乙個後台系統,在使用中發現antd pro使用dva來實現redux+sagas+router
一系列的功能,比傳統方式要方便快捷的多,自己研究了其中一些原理,在此貼上**供別人參考也給自己做個記錄,
index.js
import from 'dva';
//這裡是乙個語法糖,和傳統的connect()()作用一樣。即把對應models目錄下的state取出與本頁的變數關聯。
@connect(( }) => (表示global中的所有state
chart, //等同chart:chart,es6語法。
weather: global.weather, //讀取原有的state,即models中的global.js檔案中的weather
city: global.city
loading: loading.effects['chart/fetch'], //這個statu使用models中的chart.js檔案中的fetch方法非同步獲取
}))export default
class *** extends component = this.props; //在這可用'this.props'讀取
}}
chart.js
export default ,
effects: ) );
},......
},}
global.js
export default ,
mapview: "city",
},.......
}
初識React 9 dva簡介
import dva from dva 1.initialize 2.plugins 3.model 4.router 5.startdva僅有6個api,如下介紹 建立應用,返回dva例項 options中包含 1 history 預設為hashhistory,如果要配置history為brows...
dva簡單使用
官網 npm install dva cli g dva v yarn global add dva cli dva cli version 0.9.1dva new dva quickstartnpm start yarn start接到需求之後推薦的做法不是立刻編碼,而是先以上帝模式做整體設計。...
Dva使用總結
subscription 語義是訂閱,用於訂閱乙個資料來源,然後根據條件 dispatch 需要的 action。資料來源可以是當前的時間 伺服器的 websocket 連線 keyboard 輸入 geolocation 變化 history 路由變化等等。例 監聽路由變化,一旦跳轉到 treat...