問題タブ [redux-devtools]

アクション作成者 (またはミドルウェア) に、サービスを開始するという副作用があるとしますservice.start()。

redux-devtoolsの disable-action 機能は、その特定のアクションによる状態の変更を元に戻します。副作用も確実に元に戻すにはどうすればよいでしょうか。これは、上記の例では を呼び出すことを意味しservice.stop()ます。必要なのは状態のオブザーバーだと思いますが、これがフラックス/リダックスの実装方法であるかどうかはわかりません。

ライブラリで非常に混乱した再帰式を見つけました。コードはこちら: https://github.com/tappleby/redux-batched-subscribe/blob/master/src/index.js#L22

具体的には、この部分:

これはどうして無限再帰ではないのでしょうか?

プロジェクトでRedux DevTools ( https://www.npmjs.com/package/redux-devtools ) をセットアップしていますが、本番用のプロジェクトをビルドするときに DevTools を除外したいと考えています。ドキュメントによると、これは次のコードを使用して実現できます。

私はすでに定数を持つモジュールを持っているので、そこに NODE_ENV のチェックを入れました。

私のWebpack構成ファイルには、本来のように機能する次のコードがあります。

ビルドを実行set NODE_ENV=production&&webpackすると縮小され、ビルドを縮小しないだけで使用webpackできます。ただし、ソース コード自体では NODE_ENV は定義されていません。

myConstants.PRODUCTIONをに設定するとtrue、DevTools はビルドに含まれません。どういうわけか、DefinePlugin または ProvidePlugin を使用することになっています (Redux DevTools のドキュメントでは、両方とも別の場所で言及されています) が、方法がわかりません。Windows 10、DevTools 3.0.0、および npm スクリプトを使用してビルド プロセスを実行しています。Webpack構成ファイルでDefinePluginまたはProvidePluginを設定する方法について誰か助けてもらえますか?

redux docs' basic exampleの TodoList の例に似たものを複製しようとしています。2 番目のレデューサーは配列を受け取ります - styleItems = [{... ... }, {... ...}]- そして、最初の関数を呼び出して個々のオブジェクトのそれぞれに作用します。

initialStateに示すように、次の方法でアプリ コンテナーにを提供しcontainers/app.jsます。ただし、styleItemsレデューサーに渡される状態は、毎回空の配列のようです。

ただし、react は初期構成に基づいて UI をレンダリングし、react dev-tools は期待どおりの状態構造を示します。reduxストアはどういうわけか反応するのと同じものを見ていますか?

コンテナー/app.js

レデューサー/index.js

ロケールは私の redux アプリの状態にあります。その値を react-devtools (元に戻すオプション) で変更すると、段落の内側の値が変更されますが、選択ボックスの値は変更されません。再度レンダリングする場合、p タグ内と同じ値を取るべきではありませんか?

redux devtoolでreduxを使用 しています。 redux-form を試してみました。ただし、フィールドを変更するたびに、アプリの状態が変化したと思います。redux devtoolは、フィールドでタップされた新しいキーをそれぞれ保存します。フィールドのリフレッシュが大幅に遅くなります！

これは、アプリの状態の変化を示す redux devtool ドック パネルです。

redux-devtool をアプリ ストアにリンクする方法は次のとおりです。

redux dev ツールが redux-form の変更を取得しないようにする方法を見つけたいと思います。より良い解決策は大歓迎です:)