問題タブ [redux]

Redux フレームワークを使用する React Native アプリがあり、Navigator コンポーネントを使用してナビゲーションを処理しています。ナビゲーションを機能させるのに少し問題があり、それを正しく行う方法の良い例を見つけることができないので、助けと説明を探しています。

私が現在持っているものの要点は次のとおりです。これは機能していますが、正しく行っているかどうかはわかりません。

ルート コンポーネント

サインイン コンポーネント

質問:

navigator.push1: ここで最初に考えたのは、おそらくコードをアクションに移すべきだということです。しかしcomponentWillReceiveProps、アクションを呼び出すのに適切な場所はありますか? Signinコンポーネントが読み込まれると、ユーザーがアクティブなセッションを既に持っている場合にサインインするためのアクションが起動されます。デフォルトではサインインしていないので、次の小道具が届いたときに、変更されたかどうかを確認してから にプッシュしMainます。

2: 「PUSH TO MAIN」がログに記録された直後のコンソール ログに、2 つの「RENDER SCENE」ログが表示されます。

Signinコンポーネントのみをプッシュしている場合に、なぜ RENDER SCENE が 2 回呼び出されるのか (最初の呼び出しはコンポーネントです) が気になりMainます。

また、もともとcomponentWillReceiveProps私がチェックしていた方法で：

しかし、これによりMainコンポーネントが 2 回プッシュされました。

シンプルなredux/reactアプリがあり、ルートにしかルーティングできません/。react 0.14、redux 3.0.2、react-router 1.0.0-rc-3およびを使用していredux-router1.0.0-rx-3ます。これが私のアプリです：

ここに私のAppコンポーネントがあります:

私のTestコンポーネントは、 . なしで同じものですthis.props.children。

index.htmlサーバーからサービスを提供していexpressます。そのファイルは次のとおりです。

私index.htmlは私のpublicディレクトリにあります。

に移動すると/、Appコンポーネントが表示されますが、コンポーネントにルーティングできませんTest。/testとを試し#/testましたが、機能しません。何を間違って設定しましたか?

redux reducer の状態として不変オブジェクトがあり、オブジェクトをリストに追加/更新しようとしています。

これが私のレデューサーです：

オブジェクトをページ キーに追加したいのですが、現在存在する場合は値を更新します。コールバックの updateIn と add() を試しましたが、immutable.js は初めてで、正しくアプローチする方法がわかりません。

set() メソッドは「ページ」値を完全に書き換えますが、値をプッシュして存在する場合にのみ設定する必要があるため、次のようになります。

例

私は角度のある世界から来て、Reactにかなり慣れていません。コンポーネントを動的にロードして searchType プロパティを指定する必要があるシナリオがあります。エンド ユーザーには、選択できる searchTypes のドロップダウンが表示されます。この prop は、送信ボタンをクリックした後に渡されます。

の値に応じて適切なコンポーネントを動的にロードする必要があるSearchResultsコンポーネントを定義しました。this.props.searchType.name

現在、クロムで React Dev Tools を使用すると、プロバイダー/コンポーネントが DOM に表示されるのを見ることができるため、これは部分的に機能しているようですが、レンダリングされません。

ここから次にどこに行くべきか、または何か間違っているかどうかはわかりません。

反応および還元アプリケーションでルーティングを作成しようとしていますが、まだうまくいきません。

index.js:

デフォルトのビューが正しく生成されます。私はDashboardApp次のようなコードを持っています:

それをクリックすると、コンソールにエラーが表示されます：

それを解決する方法のヒントをいただければ幸いです

Angular で記述された既存のスタンドアロン認証アプリがあり、必要に応じて Angular エコシステム内で簡単に渡されるか、単独で正常に機能しました。ハックな方法で、react アプリのビューで使用できましたが、更新する必要があったため、react と redux で書き直しました。

問題は、前述の反応アプリに統合するのがはるかに難しいことです。誰かが以前にこのようなことをしたことがありますか、それとも他の反応/還元アプリケーションで使用する必要がある場合は、すべての異なる部分を個別に要求して「再構築」する必要がありますか?