如何在纯js文件中使用redux

源起

我们都知道如何在react文件中使用redux,但是你们有没有遇到在普通的纯js中使用redux的场景呢,比如:公共方法文件utils.js等

如何处理

废话不多说,直接上代码,具体的解释会放在代码注释中

入口文件 index.js:

import { applyMiddleware, createStore } from 'redux';
import createSagaMiddleware from 'redux-saga';
import rootReducer from './reducers';
import rootSaga from './sagas/index';

/**
 * 生成一个redux的中间件,位于action和store中间
 * redux-saga:将异步的逻辑放到独立的文件进行处理
 * 工作流程:捕捉数据请求的action ——> saga进行异步数据获取 ——> put一个action给store ——> reducer ——> store数据更新 ——> component视图展示
 */
const sagaMiddleware = createSagaMiddleware();

/**
 * applyMiddleware():将所有的中间件组成一个数组,然后依次执行
 * createStore(reducer, [preloadedState], enhancer):创建一个redux store来存放所有的state
 */
export const reduxStore = createStore(rootReducer, applyMiddleware(sagaMiddleware));

// 调用sagaMiddleware.run()方法传入引入的sagas文件
sa
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值