react的redux

pplyMiddleware
方便调试,实时触发,线下使用
import {
    
    createStore,applyMiddleware} from 'redux';
import reducers from './reducers';
import Logger from 'redux-logger';

export default createStore(reducers, applyMiddleware(Logger))
#2、redux-thunk
目的:异步解决方案
支持action的写法有对象变为函数
可以发送多个dispatch
改变action
同时会帮我们注入两个参数dispatch和getState
在异步操作完成之后再触发dispatch操作
dispatch((dispatch, getState)=>{
    
    
    // getState可以获取全局的state
    dispatch({
    
    
        type:"START"
    })
    fetch('/data.json')
    .then(res=>res.json())
    .then(success=>{
    
    
        if(success){
    
    
            dispatch({
    
    
                type:"FETCH_LIST",
                payLoad:success.arr
            })
        }else{
    
    
            dispatch({
    
    
                type:"FETCH_TAIL"
            })
        }
    })
})
#3、redux-saga
拦截请求
解决异步
不会改变action
take 拦截
takeEvery 每次都拦截
#4、redux-thunk
改写action

猜你喜欢

转载自blog.csdn.net/qq_45424679/article/details/112759174