react入門系列之redux saga中介軟體

2022-08-19 04:57:12 字數 893 閱讀 9748

// store中index檔案

import creatsagamiddleware from 'redux-saga'

import todosagas from './saga'

import todolistreducer from './reducer' // 引入圖書列表

const composeenhancers = window.__redux_devtools_extension_compose__ ? window.__redux_devtools_extension_compose__ : compose

const sagamiddleware = creatsagamiddleware()

sagamiddleware.run(todosagas)

const store = createstore(

todolistreducer,

enhancer

)export default store

//在store中 建立sagajs檔案

import from 'redux-saga/effects'

import from './actiontypes'

import from './actioncreators'

import axios from 'axios'

// es6的generator函式 新增yield會等待非同步執行,非同步請求執行完之後再執行之後的**

function* getinitlist() catch(e)

}// sagajs中一定要寫這個函式

function* mysaga()

export default mysaga

React 狀態管理之Redux

flux vuex vue react redux react state 狀態收集 更新內部state狀態,更新component 1.建立預設狀態 一般const or let乙個物件 const defaultstate 2.建立 reducer 純函式 函式必須有返回值 let reduce...

redux之入門學習

總結 1 頁面上view通過store.dispatch 發出 action,action統一在actioncreators.js檔案中,2 store 收到 action 以後,執行reducer.js中對應的方法,reducer是乙個函式,它接受 action 和當前 state 作為引數,返回...

react系列(1)入門

react對初學者入門較難,它也是現在前端三大主流框架之一。想了想,還是寫一些文章吧,一來可以幫助想學習react的初學者,二來也可以總結經驗,把這些知識點共享出來。在挑選react版本的時候,發現react最新版的v16.x和v15.x之間會有api出入。比如,v16.x不再支援最基本的渲染元件r...