美文网首页
Redux学习之中间件 - 解决异步操作

Redux学习之中间件 - 解决异步操作

作者: 芒果加奶 | 来源:发表于2018-01-30 18:08 被阅读0次

在实现小栗子中console控制台报错了,提示acton只能处理对象,需要中间件处理异步操作,那么什么是redux中间件?


console控制台报错

一、为什么需要中间件?

因为reducers是纯函数,只有计算state功能,不能进行读写操作,actions,消息的载体,只能被操作。
中间件是重定义了store.dispatch(),改造并添加了其他功能。

二、使用中间件

// index.js
import { createStore, applyMiddleware } from 'redux';
import reducer from './reducers/index'
import thunk from 'redux-thunk';

// applyMiddleware(thunk) 中间件处理异步
const store = createStore(reducer, applyMiddleware(thunk))

1.applyMiddleware

redux方法,作用是将中间件组成数组,执行。

2.redux-thunk中间件

解决异步操作的,改造store.dispatch()可以接受函数

相关文章

  • [React Native Error]Unhandled JS

    使用Redux 进行异步操作报错 解决 使用自定义中间件(middleware)来支持异步 action。

  • redux-saga 简单入门使用

    redux架构中,如果action里有诸如网络请求、磁盘读写等异步操作,会提示使用中间件解决。redux-saga...

  • Redux-saga

    Redux-saga 概述 redux-saga是一个用于管理redux应用异步操作的中间件,redux-saga...

  • Redux-基础

    参考Redux 入门教程(一):基本用法 Redux 入门教程(二):中间件与异步操作 Redux 入门教程(...

  • 一起来学点redux-saga

    1.概述 Redux-saga是一个用于管理 Redux 应用异步操作的中间件(又称异步action) 本质都是为...

  • Redux学习之中间件 - 解决异步操作

    在实现小栗子中console控制台报错了,提示acton只能处理对象,需要中间件处理异步操作,那么什么是redux...

  • redux-saga

    1 概述 redux-saga 是 redux 一个中间件,用于解决异步问题。 2 es6 Generator 解...

  • React 之 Redux 异步处理——redux-thunk

    什么是 redux-thunk redux-thunk 是一个中间件,专门用来解决 action 中的异步处理。 ...

  • redux-saga源码解读

    简述 redux-saga是用于维护redux异步操作的状态的一个中间件实现,其中reducer负责处理state...

  • redux-saga

    redux-saga 一个用于管理Redux应用异步操作的中间件,使副作用(数据获取、浏览器缓存获取)易于管理、运...

网友评论

      本文标题:Redux学习之中间件 - 解决异步操作

      本文链接:https://www.haomeiwen.com/subject/xkgczxtx.html