小编toa*_*ies的帖子

Redux 开发工具不适用于大型操作负载

更新:我已经从第一篇文章中缩小了问题的范围。请查看最新更新。问题似乎与操作负载的大小或复杂性有关,而不是因为操作是在异步调用之后调用的。

我正在开发一个 react/redux 应用程序,并且在使用 redux dev tools chrome 扩展中的时间旅行功能时遇到了问题。

当我在滑块监视器中重播应用程序时,不会重播对 webapi 操作的第一次异步调用。除了第一个之外的所有同步操作和异步网络调用都可以正常工作。它只是第一个不渲染的。我试过只使用 redux-thunk 来实现异步,但也尝试过使用 redux-saga(当前配置)。我在 webpack-dev-server 中运行应用程序

应用程序本身正在运行(所有代码都在打字稿中)

我尝试了各种配置更改,但似乎没有任何效果。任何想法将不胜感激。

这是我的 configureStore 文件

function configureStore() {

const sagaMiddleware = createSagaMiddleware()

const store = createStore(rootreducer, compose(
    applyMiddleware(invariant(), sagaMiddleware, thunk),
    window.devToolsExtension ? window.devToolsExtension() : (f:any) => f
));

if (window.devToolsExtension) window.devToolsExtension.updateStore(store);

sagaMiddleware.run(logsSaga)

return store; 
}

export default configureStore;
Run Code Online (Sandbox Code Playgroud)

我的传奇

function* fetchLogs(logSearchParams: any) {
 try {
      const data = yield call(getLogTableData, 
               logSearchParams.params);

  yield put({type: "ReceiveLogs", 
    data, logSearchParams:logSearchParams.params});
   } catch (e) {
      yield put({type: "LogsError", …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux

5
推荐指数
1
解决办法
3385
查看次数

标签 统计

javascript ×1

reactjs ×1

redux ×1