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

Posted superlizhao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React-安装和配置redux调试工具Redux DevTools相关的知识,希望对你有一定的参考价值。

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;

 

以上是关于React-安装和配置redux调试工具Redux DevTools的主要内容,如果未能解决你的问题,请参考以下文章

Reactredux - 三大核心概念 - action - reducer - store - 异步编程 - react-redux - 调试工具 - 纯函数 - 高阶函数

Lerna,React-Redux Web应用程序使用可视代码编辑器调试器调试Chrome插件

react-redux 项目。 Chrome 开发工具不显示所有项目文件

react+redux+react-redux

redux与react-redux

P06:Chrome插件 Redux-DevTools 用来调试Redux数据