标签：redux applyMiddleware 中间件 dispatch action import Redux reducers

Redux中间件

1、applyMiddleware

• 方便调试，实时触发，线下使用

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

标签：redux,applyMiddleware,中间件,dispatch,action,import,Redux,reducers
来源： https://blog.csdn.net/weixin_45290863/article/details/97611508

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。