javascript - 如何在 redux 框架中使用 Action 和 Reducer 记录响应时间

标签 javascript reactjs redux isomorphic-javascript

我计划记录 API 调用所用时间的时间戳。所以我正在使用以下模块。

https://www.npmjs.com/package/timer-stopwatch

我正在将它记录在操作文件中,但是当调用完成时我如何在我的 reducer 中访问这个对象?

console.log('response_time :' + stopwatch.ms);

return {
        type:    GET_SEARCH_DATA,
        promise: request.get(API_URL + qs)
    }

那么在我的 reducer 中我如何访问秒表对象?

export default function searchReducer(state = defaultState, action) {


     switch(action.type) {
        case GET_SEARCH_DATA:

          console.log('i want to log the response time here');

          return state;
        default:
          return state;
      }
    }

最佳答案

我不会重复这个答案,所以如果你直接看答案会更好:

Redux: Using async middlewares vs dispatching actions on success functions

我在之前的项目中也有自己的中间件来进行 API 调用,所以我认为这是处理您自己的 API 调用和添加额外操作的好解决方案。

您可以在中间件中记录时间戳,这样您就可以只执行一次。

关于javascript - 如何在 redux 框架中使用 Action 和 Reducer 记录响应时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40292358/

相关文章:

javascript - Reactjs 动态类名与 React 路由器

javascript - 尽管有唯一键,但每次更改数据数组时都会重新呈现所有列表元素

javascript - 在使用 .map 调用的 JavaScript 类函数中使用 'this'

javascript - SAPUI5:当某些东西被破坏时函数 Hook

javascript - 如何用 HTML 标签替换包含字符串的文本?

javascript - 使用 React Router Dom 的服务器端呈现出现错误 : Warning: React. createElement:类型无效——需要一个字符串

Javascript:知道调用了哪个对象函数

reactjs - 在更改链接时在 nextjs 中激活 a 标签

javascript - Redux Web 扩展 - 未捕获的类型错误 : Invalid attempt to spread non-iterable instance

javascript - 基于对象列表渲染 ReactJS 组件