React-安装和配置redux调试工具Redux DevTools

最新推荐文章于 2025-10-12 06:36:39 发布

原创最新推荐文章于 2025-10-12 06:36:39 发布 · 484 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #前端 #前端框架

文章介绍了在创建Reduxstore时如何集成ReduxDevTools扩展程序进行调试。通过引入`redux-thunk`中间件，并利用`window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__`来启用扩展，增强store的调试功能。

chrome扩展程序里搜索Redux DevTools进行安装

新建store的时候，进行如下配置。

import { createStore, applyMiddleware ,compose} from 'redux';
import reducer from './reducer'
import thunk from 'redux-thunk'
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?   window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({}) : compose;
const store=createStore(reducer,composeEnhancers(applyMiddleware(thunk)));
export default store;