問題タブ [react-router-redux]

私はでアプリケーションを書いており、次のようにページ間でアニメーション化するためにredux-routerを使用しています:ReactCSSTransitionGroup

私が取り組んでいるプロジェクトには、indexページとarticles. indexユーザーが から に移動するか、articleまたはその逆に移動するかによって、異なるトランジションを表示するにはどうすればよいでしょうか? また、これは戻るボタンも自動的にカバーしますか?

私はしばらくこれと戦ってきました！

常にロゴ、ナビゲーションを含む「メインアプリコンテナー」が必要です...それをきれいにするためにreact-bootstrapを使用したいです。

現在、問題が発生しています。私のプロジェクトは、davezuko の「react-redux-starter-kit」に基づいています。

すべてのブートストラップ<NavBar>を<LinkContainers>プロバイダー内のルートコンテナーに入れてみました。

すべてが表示されて見栄えがしますが、リンクが機能しません。通常の反応ルーター<Link>を配置すると、同じ問題が発生します。

リンクはルートによって呼び出されるビューで機能すると考えたので、エクスポートのデフォルト (ストア) => (

Babel、eslint、および webpack を使用するとこれをコンパイルできますが、ページを実行しても何も表示されず、react-dev コンソールを見ても、これらの反応ノードは表示されません。

これが私が持っているものです、Root.js:

Routes.js:

これが役立つかどうかはわかりませんが、react コンソールを使用したクライアント側のスクリーン ショットを次に示します。反応開発コンソールのスクリーンショット:

TextInput がフォーカスされている場合、キーボードは送信ボタンを非表示にします。コンポーネントを TextInput の下に自動スライドする方法

react-router (path="profile/:username") によってロードされる Profile コンポーネントがあり、コンポーネント自体は次のようになります。

fetchUser アクションは次のようになります (redux-api-middleware):

componentWillReceiveProps 関数を追加した理由は、URL が別の :username に変更されたときに反応し、そのユーザーのプロファイル情報をロードするためです。一見するとすべてが機能しているように見えますが、デバッグ中に componentWillReceiveProps 関数が無限ループで呼び出されていることに気付きました。その理由はわかりません。componentWillReceiveProps を削除すると、プロファイルは新しいユーザー名で更新されませんが、ループの問題はありません。何か案は？

React を react-router と react-redux で使用しています。コンポーネントがマウントされると、ディスパッチしてデータベースからデータを取得します。私の親コンポーネントにはこれがあります

私の子コンポーネントは次のようになります。

また、親コンポーネントのリンクをクリックして TopComp を更新します。異なる params.id を受け取り、それぞれのデータをフェッチします。

React Native と Redux を使用してモバイル アプリを開発していますが、ソフトウェア設計の問題に直面しています。ログインのために REST API (非同期操作) を呼び出し、その操作が成功した場合はメイン ビューに移動したいと考えています。私はreduxとthunkを使用しているので、すでに非同期アクションが実装されているので、主な疑問は次のとおりです。メインビューに移動するロジックをどこに配置すればよいですか?

アクションからナビゲーター オブジェクトに直接アクセスして、そこでナビゲーションを実行できますか? ログインコンポーネントでそれを行う必要がありますか? （私はすでにやっているので、以下のコードを確認してください）。

コンポーネントにそのロジックがあるとは確信が持てません。良い習慣ではないようです。これを行う他の方法はありますか？

ありがとう

現在、プロジェクトで react-router-redux を使用していますが、react-router ルーターにアクセスする方法がわからないという事実を除いて、すべて正常に動作しています。

this.context.router は常に未定義であり、多くのことを試してみましたが失敗しました

反応0.14.6、redux 3.0.2、react-router 2.0.0、react-router-redux 4.0.0を使用しています