問題タブ [react-router]

Web アプリとreact-routerパッケージで遊んでいて、ネストされたルートをいくつか実行したいと考えています。これが私がやったことです

この例は、DefaultRoute のために機能しません。通常の Route コンポーネントに変更すると、すべて問題ありません。DefaultRoute にいくつかの子がある例が見つかりません。DefaultRoute はネストされたルートを持つことができますか? はいの場合、私が間違っていることは何ですか?

よし、reactjs、フラックス アーキテクチャ、react-router の問題で立ち往生しています。次のルートがあります（ルートの一部のみ）：

シニア プロファイル ビューは、個人のデータをロードする API 呼び出しを行います。[おすすめ] ビューに移動すると、個人の ID を使用して別の呼び出しが行われ、おすすめが読み込まれます。最初にプロフィール ページを実際に表示して、おすすめページに移動するとうまくいきます。しかし、ハードリロードを行うと、次のようになります。

これは、最初の API が戻った後にディスパッチが呼び出され、コンポーネントの更新が開始されるためです。レコメンデーション ページが終了する前に、その API を呼び出し、その結果をディスパッチしようとします。React.addons.batchUpdates はこれを修正する方法であるとフォーラムで読みましたが、それを機能させる方法がわかりませんでした。GitHub Batch Updates Issueと、同様のことについて説明している別のリンク hereを使用しようとしています。最初のものは、以下を追加してディスパッチャを調整することを推奨しています:

しかし、私はこれを機能させることができませんでした。多分私はそれを間違って実装しています。

Chat と TodoMVC の例を読みました。チャットの例で waitFor がどのように使用されているかは理解できますが、どちらも同じ API を使用しているため、一方が他方を待つことは明らかです。私の問題には、API とディスパッチの間の競合状態が関係しています...そして、setTimeout は良い解決策ではないと思います。

私が必要としているのは、ディスパッチまたは API 呼び出しをキューに入れるようにディスパッチャを設定する方法を確認することです。または、各コンポーネントにそのデータの API 呼び出しを行うように指示するより良い方法であるため、ディスパッチの問題さえありません。

ああ、ここに私の Dispatcher.js ファイルがあるので、それがどのように設定されているかを見ることができます:

を使用しreact-router v0.12.4ます。

ルート名は一意である必要がありますか? 以下はうまくいかないようです。

アプリにパブリック エリアとプライベート エリアがあり、パブリック ビューのどこにでもログイン モーダル ダイアログを表示できるようにしたいと考えています。モーダルには独自のルートが必要です。2 番目のユース ケースは、プライベート エリアのプロファイル モーダルです。

問題は、モーダルが現在のビュールートの子ではないため、モーダルが表示されるとバックグラウンドの現在のビューが消えることです。

すべての可能なビュー ルートに同じモーダルを追加したくないので、ここで質問があります: 親ルートからモーダル ルートを分離し、メイン コンテンツのレンダリングなしでアプリのどこにでも表示することは可能ですか? これに最適なアプローチは何ですか？この問題を見つけましたが、同じ問題ではないようです。

モーダル ルートでブラウザを更新すると、バックグラウンドで何もレンダリングされませんが、それは私が対処できる問題です。

既存のアプリを取得し、最も単純な HashLocation メソッドで React Router を使用して開始しようとしています。

使用: React 0.12.2 React Router 0.12.4

main.js (エントリ ポイント):

ルート.jsx:

app.jsx:

question1.jsx (他の質問も同様です):

app.jsx でレンダリングされたリンクをクリックすると、Firefox のコンソールに次のエラーが表示されます。

ビルドされた main.js ファイルの次の行に移動します。

ただし、Chrome では、まったく別のエラーが発生します。

面白いことに、ページ全体を手動で更新すると、正しい質問が画面に表示されます。たとえば、新しいタブを開いてhttp://localhost:9090/#/questions/1に移動すると、「質問 1」が表示されます。画面上：

しかし、質問 2 をクリックすると、次のエラーが発生します。

しかし、questions/2 の URL でページを完全にリロードすると、次のように機能します。

Flux で認証モジュールを作成しています。アクション: auth、auth_success、auth_error。アクション auth_error が発生すると、ルーターは「/login」に移動することを考えています。アクション、アクション、auth_success が発生すると、ルーターは「/dashboard」に移動します。しかし、アクションはディスパッチャにしか行かないため、間違っているようです。コールバックをルーティングする方法がわかりません。たぶん店の価値をチェックしてください？

ルートを別のルートにリダイレクトしようとしていて、次のようにいくつかのパラメーターを渡します。

私のサインインルート:

params として何を入力しても、this.getParams() は空のオブジェクトを返します。助言がありますか？

この角度のある質問に非常に似ています:反応ルーターを使用する場合、ページ内ナビゲーションにアンカーリンクを使用するにはどうすればよいですか?

つまり、react-router を使用する場合、次のプレーンな HTML をどのように実装すればよいでしょうか?

現在、そのようなリンクのクリックを傍受し、アンカー位置までスクロールしています。これは、ページの一部のセクションに直接リンクすることが不可能であることを意味するため、満足のいくものではありません。