0
私はアプリケーションレベルの状態変更のためにreact-reduxアクションを使用しています。 特定のアクションがトリガーされたときに、すべてのコンポーネントをレンダリングする必要はありません。 レンダリング反応コンポーネントからどのアクションがトリガーされたかを確認する方法はありますか?どのアクションがトリガーされたかを確認します
私はアプリケーションレベルの状態変更のためにreact-reduxアクションを使用しています。 特定のアクションがトリガーされたときに、すべてのコンポーネントをレンダリングする必要はありません。 レンダリング反応コンポーネントからどのアクションがトリガーされたかを確認する方法はありますか?どのアクションがトリガーされたかを確認します
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を統合することができます。
サイトにすべての操作を追跡するサイドドックを追加します。
は、あなたがあなたの質問で何を意味するか教えて少し難しいですが、私は理解していれば何をディスパッチする前に...アクションの作成者ではconsole.log()を求めている:以下のスクリーンショットを参照してください。減速機に私が開発でこれを行う方法だろう。 – alexi2
Thxしかし、テスト用のアクションを記録する必要はありません。関連していないアクションがトリガーされたときに、特定のコンポーネントからレンダリングを除外します。 –
@ShaiKimchi Reactは、小道具が変わるコンポーネントを再レンダリングするだけです。したがって、無関係のアクションでは、条件を設定する必要はありません。例外https://facebook.github.io/react/docs/multiple-components.html#child-reconciliation – xRahul