首页 > 解决方案 > 将跟踪选项应用于 redux-thunk 设置

问题描述

我最近设置了要使用的 react 本机应用程序redux-devtools-extension,现在正试图弄清楚如何应用堆栈跟踪。目前我的商店是这样写的:

import reduxThunk from 'redux-thunk';

const persistedReducer = persistReducer(persistConfig, reducers);

const store = createStore(
  persistedReducer,
  composeWithDevTools(applyMiddleware(reduxThunk)),
);

我基本上想应用以下选项,这样我就可以看到从哪里调用操作:

{
  trace: true, 
  traceLimit: 25,
}

鉴于上述情况,我该如何改造我当前的设置?

标签: reactjsreact-nativeredux-thunkreact-devtools

解决方案


文档在这里解释。我认为文件应该是这样的。

import reduxThunk from 'redux-thunk';

const persistedReducer = persistReducer(persistConfig, reducers);
const composeEnhancers = composeWithDevTools({ trace: true, traceLimit: 25});

const store = createStore(
  persistedReducer,
  composeEnhancers(applyMiddleware(reduxThunk)),
);

推荐阅读