問題タブ [redux]

ユーザーが下にスクロールするとアクションが実行されるアプリを構築しています。ユーザーが再び上にスクロールしたときにこれらのアクションを取り消すことができれば、基本的にはスクロールがアクションのタイム ラインをブラウズする方法に変わります。

これを行うための Redux の組み込みの方法はありますか? または、このためにミドルウェアを作成する必要がありますか?

まず第一に、私の英語が下手で申し訳ありません。私の意味を理解していただければ幸いです。回答をいただければ幸いです。

したがって、次のプロジェクト構造があります。

アプリ(ルート コンポーネント) ->ヘッダー(アプリ内に含まれる) ->ナビゲーション(ヘッダー内に含まれる)。

ナビゲーションにデータを送信するにはどうすればよいですか（非同期になります..）

今、アプリでそのデータを取得しています。次に、小道具を介してヘッダーに送信し、ナビゲーションでレンダリングします。

1. データが読み込まれるまで、ナビゲーション コンポーネントを表示したくありません。
2. ナビゲーションをヘッダーに依存させたくない....

当時 - それは次のようになります。

2 つ以上のリンクを配置することはできないため、ここでプロジェクトを終了します。

プロジェクト (Github)

実際に - それは動作します！でも、正しい方法を選択したかどうかはわかりません..

反応コンポーネントの非常に単純なセットがあります。

• containerreduxにフックし、アクション、ストア サブスクリプションなどを処理する
• list私のアイテムのリストを表示します
• newリストに新しいアイテムを追加するためのフォームです

次のように、いくつかの反応ルータールートがあります。

そのため、listまたは のいずれかformが表示されますが、両方は表示されません。

私がやりたいことは、新しいアイテムが正常に追加されたら、アプリケーションをリストに再ルーティングすることです。

これまでの私の解決策は.then()、 async の後にあることdispatchです:

これはこれを行う正しい方法ですか、それともルート変更をトリガーするために何らかの方法で別のアクションを起動する必要がありますか?

私はreduxを使用していますが、コンポーネントを整理する方法がわかりません.メインコンポーネントの名前をフォルダーの名前としてフォルダーに保存し、内部のすべてのコンポーネントをフォルダーに保存するのが最善だと思います:

次に、コンテナー フォルダーには、ページごとに 1 つのコンテナーがあり、実際に Redux に接続しているのはそのコンテナーだけです。

次に、アクションはページごとに 1 つではなく、トップ コンポーネントごとに 1 つです。そのため、Redux に接続するページ コンテナーでは、そのページで使用されるコンポーネントのすべてのアクションを渡します。例えば：

私はこれを正しく行っていますか？グーグルに関する情報はあまり見つかりませんでした。見つけたものは、小さなプロジェクトに限定されていると思います。

ありがとう！

Rails で React アプリを作成していますが、試してみたいと思いreact-reduxます。CDN もバワー パッケージも提供していないことに気付きました。

インストール手順では NPM の使用を推奨していますが、これはノード プロジェクトではありません。Rails アセット パイプライン、CDN、または bower パッケージ ( rails-assets経由)を介して、現在のすべてのアセットを処理します。

• NPMを使わずにインストールする方法はありますか?
• NPM パッケージを既存のアセット パイプライン パッケージとうまく連携させる方法はありますか?

私はgithub の「simplest-redux-example」をいじっていて、 state.count を減らす 2 つ目のレデューサーを追加しました。switch case ステートメントにインクリメントとデクリメントのレデューサーがある場合、問題なく動作します。私が実行したかった演習は、レデューサーをできるだけ多くのモジュラー ピースに分割することでした。このコードは、カウントが未定義であることを示すエラーをスローします。

React コンポーネントをテストしようとしていますが、次のエラーが発生します。

不変違反: 「Connect()」のコンテキストまたは小道具のいずれかで「ストア」が見つかりませんでした。ルート コンポーネントを <Provider> でラップするか、明示的に「store」を prop として「Connect()」に渡します。

テストでコンポーネントをレンダリングしているときにエラーが発生します。

ページにコンポーネントをレンダリングするときに問題なく動作します。ただし、テストでは、ストアをコンポーネントに明示的に渡すことができません。

誰かが正しい方向を指すことができますか?

認証呼び出しによって返された API トークンを Flux (具体的には Redux) ストアに保存しても安全でしょうか? 私は Webpack を使用してプロジェクト内のすべてのアセットをコンパイルしました。これは、ストアを読み取ってトークンを抽出しようとするサードパーティのスクリプトからストアが範囲外になっていることを意味すると思います。

Authorization: bearer ...そして、価値があるのは、トークンがヘッダーで HTTPS 経由で送信されることです。