2016-09-05 9 views
0

私はアプリケーションレベルの状態変更のためにreact-reduxアクションを使用しています。 特定のアクションがトリガーされたときに、すべてのコンポーネントをレンダリングする必要はありません。 レンダリング反応コンポーネントからどのアクションがトリガーされたかを確認する方法はありますか?どのアクションがトリガーされたかを確認します

+0

は、あなたがあなたの質問で何を意味するか教えて少し難しいですが、私は理解していれば何をディスパッチする前に...アクションの作成者ではconsole.log()を求めている:以下のスクリーンショットを参照してください。減速機に私が開発でこれを行う方法だろう。 – alexi2

+0

Thxしかし、テスト用のアクションを記録する必要はありません。関連していないアクションがトリガーされたときに、特定のコンポーネントからレンダリングを除外します。 –

+0

@ShaiKimchi Reactは、小道具が変わるコンポーネントを再レンダリングするだけです。したがって、無関係のアクションでは、条件を設定する必要はありません。例外https://facebook.github.io/react/docs/multiple-components.html#child-reconciliation – xRahul

答えて

2

redux-loggerを使用して、devツールコンソールでトリガーされたすべてのアクションを記録します。

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を統合することができます。

サイトにすべての操作を追跡するサイドドックを追加します。

redux-devtools in action while side docker tracking page's actions

関連する問題