【问题标题】:React-redux check which action was triggredReact-redux 检查触发了哪个动作
【发布时间】:2017-01-12 18:19:29
【问题描述】:

我正在使用 react-redux 操作来更改应用级别的状态。 但并非所有组件都应在触发某些操作时呈现。 如何检查从任何渲染 React 组件触发的操作?

【问题讨论】:

  • 很难说出你的问题的意思,但如果我明白你在问什么......在调度到减速器之前,动作创建者中的 console.log() 将是我在开发中这样做的方式。
  • 谢谢,但是,我不需要记录操作进行测试,我想在触发不相关的操作时从特定组件中排除渲染。
  • @ShaiKimchi React 只会重新渲染那些 props 发生变化的组件。因此,对于不相关的操作,您不需要设置任何条件。例外是facebook.github.io/react/docs/…

标签: javascript reactjs action react-redux reducers


【解决方案1】:

使用 redux-logger 记录在您的开发工具控制台中触发的所有操作。

https://www.npmjs.com/package/redux-logger

这是一个中间件,所以你必须像这样在你的商店中添加它:

/* ...import main reducer from wherever */
import createLogger from 'redux-logger';
import { createStore, applyMiddleware } from 'redux';

const logger = createLogger();
const store = createStore(
  reducer,
  applyMiddleware(/*..all the other middleares,*/ logger)
);

.

额外提示:您可以集成 redux-devtools

它为您的网站添加了一个侧边停靠栏,用于跟踪所有操作。请参阅下面的屏幕截图:

【讨论】:

    猜你喜欢
    • 2016-10-02
    • 1970-01-01
    • 1970-01-01
    • 2019-10-24
    • 1970-01-01
    • 1970-01-01
    • 2018-06-05
    • 1970-01-01
    • 2019-08-21
    相关资源
    最近更新 更多