RN开发之redux的调试配置

配置日志输出

使用redux-logger，安装命令如下

npm install  redux-logger
//或
yarn add redux-logger

配置日志输出，示例如下

import logger from 'redux-logger';

const composeEnhancers = composeWithDevTools({});

const middlewares = [thunkMiddleware, logger];

配置action的trace

composeWithDevTools时配置trace:ture选项

const composeEnhancers =
  (window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ &&
    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
      trace: true,
      traceLimit: 25
    })) ||
  compose;

总结

亲测日志输出好用一些，trace会很卡（建议当代码很混乱时才考虑用，方便查看具体的调用处）！