問題タブ [react-router]

キャッチされていない TypeError: undefined のプロパティ 'dispatch' を読み取れません

これは、handleLocationChange の ReactRouter.js で発生します。

これは、私の呼び出しの下流にあります

this.context.transitionTo('何か');

ここで、「something」は定義済みのルートの 1 つです。「これ」が未定義になるのはなぜですか?

コードを呼び出すコンポーネントは次のとおりです。

私はreact-routerで反応を使用しています。react-router の「リンク」でプロパティを渡そうとしています

「リンク」はページをレンダリングしますが、プロパティを新しいビューに渡しません。以下はビューコードです

「リンク」を使用してデータを渡すにはどうすればよいですか?

混乱: シングルページ アプリ: page1 が最初に表示され、ページ 2 に切り替えるボタンがあります。

アプリのメイン レンダリングは次のようにする必要があります。

次に、状態を使用して、ページが表示/非表示かどうかを判断しますか?

または、ルートのために page2 をレンダリングしますか? page1のボタンのonclickで状態が変更され、新しい「currentPage」が反映されるため、メインアプリが自動的に再レン​​ダリングされると思います。

react-router がなければ、私は理解していると思いますが、ルートを使用すると、自分自身を混乱させているようです。

私はreact-routerガイド（http://rackt.github.io/react-router/）に取り組んでおり、素敵な小さなルーターをセットアップしています。しかし、routes 変数の Route ノードは {Application} ハンドラーを完全に無視し、Dashboard をそのままページにレンダリングするだけで、Dashboard の行き先を制御することはできません。何か案は？

テストとして使用しているコードは次のとおりです。

私は React-Router のテスト スタブの例を扱っていますが、このクラス規則はこれまで見たことがありません。これはES6固有のものだと思いますか？

そして、これを行うと TypeError: object is not function が発生するのはなぜですか?

ドキュメントへのリンクは次のとおりですhttps://github.com/rackt/react-router/blob/master/docs/guides/testing.md

上記は非常に単純なページで、ユーザーがナビゲートすると受信ボックス コンポーネントが表示され、ナビゲートするとカレンダー コンポーネントが表示されます。ただし、実際には、ページには複数のコンポーネントと大量の jsx コードが含まれる可能性があります。

すべての異なるコンポーネントを分割し、必要な場合にのみ関連ファイルをダウンロードするためのベスト プラクティスは何ですか。つまり、上記の単純な例では、ユーザーが要求したときに受信トレイ (およびカレンダーなど) のコードのみをダウンロードしますか? JSX としてファイルは本質的にビューです。ユーザーにすべてのビューをダウンロードして 1 つだけを表示させることは、私が知っているすべてに反するようです。

私はネット上の例を見回しましたが、何百ものコンポーネントの巨大なファイルしか見ることができませんでした...

URL 内で # を使用したくないため、履歴の場所でルートを使用しようとしています。通常のもので作業したいので、すべてを試してみましたが、毎回同じエラー「/loginpro を取得できません」が表示されます。場所がどのように機能するかわかりません。これは私のコードです

私はブラウザとしてwebpack、grunt js、karma、jshintrc、chromeでreact js 0.13.3を使用しており、yeomanのreact jsジェネレーターでプロジェクトをビルドしています

次のように localhost でアプリを実行しています: http://localhost:8000/loginpro

React 0.13.3 を Webpack 1.9.5 および traceur-loader 0.6.3 で使用しています (その前に babel-loader を試しました)。クラスを関数として呼び出している場所がわかりません。これは私のルートがどのように見えるかです:

以前にこの問題が発生した人はいますか?

app.js とは別に、react-router を必要とする React コンポーネントをテストしようとしています。

次のように、mixin Router.Navigation を使用してリダイレクトを行うコンポーネントがあります。

このためのテストを作成しようとしましたが、壁にぶつかりました。transitionTo が期待どおりに動作することをテストできないという事実とは別に、Jest テストで次のエラー メッセージが表示されました。

警告: 失敗したコンテキスト タイプ: 必要なコンテキストrouterが で指定されていませんSearchbar。

警告とボーナスの質問を取り除く方法、移行が期待どおりに機能することをテストする方法を知っている人はいますか?

私はこれと Github でのこの会話について調査しました: https://github.com/rackt/react-router/issues/400は、私が見つけた問題に最も近いものです。ルーターを個別にエクスポートする必要があるようですが、https://github.com/rackt/react-router/blob/master/docs/guides/のように警告なしでコンポーネント テストを実行するだけでは、多くのオーバーヘッドが発生するようです。 testing.md

それは本当に進むべき道ですか？

React Routerを使用してプロジェクトに取り組んでいますが、データ フローに問題があります。

各ページには、コンポーネントのデータを取得する AJAX 呼び出しがあります。私はそれらを入れていますcomponentDidMount：

これは初期ロードでは機能しますが、URL が変更されたときに再度呼び出されることはありません (手動で更新する必要があります)。AJAX 呼び出しを行うための適切なライフサイクルが見つからないようです。

React Router でデータを取得するための適切な方法を教えてください。