問題タブ [react-router]

webpack と react-router アプリで何らかの構成の問題が発生しているようです。バンドルをページごとに分割しようとしていますが、react-router を使用しており、router.run を実行してアプリのパスをルーティングする単一の「メイン」があります。webpack がそのメイン ファイルを実行すると、すべてのモジュールがメインから結果のバンドルに再帰的に書き込まれるように見えます。

これは、動作を示すクローン可能なレポです

これによりdistディレクトリが作成され、grepを使用してモジュールが2回含まれていることを確認できます

複数の webpack エントリを使用しているため、React TestClass.jsx が含まれている唯一の場所であるため、mobileAppsPage.bundle.js のみに「zzzzzz」が必要であると予想しています。

私が間違っていることについてのアイデアはありますか？

https://github.com/adjavaherian/webpack-react-router

クライアント側のアプリケーションに react と react-router を使用しています。次のような URL から次のクエリ パラメータを取得する方法がわかりません。

私のルートは次のようになります（パスは完全に間違っています）：

私のルートは正常に機能していますが、必要なパラメーターを取得するためにパスをフォーマットする方法がわかりません。これに関する助けに感謝します！

反応 js サイトに URL があります。ルーティングには反応ルート ライブラリを使用します。

s および showAge プロパティを読み取るにはどうすればよいですか。また、グリッドとフィルターがあり、データを並べ替えます。タグを使用し、バインド グリッドの要求を使用するのは良い方法ですか。

次のように書かれたreactjsサンプルコードが表示されます。

これは私を混乱させる部分です。

この中で、RouteHandlerカスタム要素は を使用してい...ます。また、splat/rest パラメータを持つ ECMA6 関数は、関数定義でトリプル ドットを使用します。では、なぜ人々...はアプリケーション側で関数呼び出し中に (または) を使用するのでしょうか?

すべての *Listesi ページでグリッド コンポーネントを使用しています。グリッド ページを使用してナビゲートしようとすると、常に UListesi ページが開きます。ただし、他の *Kayit ページは正しく機能しています。

マイ *Listesi ページ

動作中のjsfiddleをreact-router 0.13.2で更新しようとしていましたが、スローされます

Uncaught ReferenceError: ReactRouter is not defined

他のjsfiddlesもこれを行うようです。これを修正する方法を知っている人はいますか？

認証管理に React-Router の willTransitionTo を使用しようとしています。

私の流れは

コンポーネント (Auth Mixin) -> WillTransitionTo (ログインしているかどうかをチェック/トランジションを保存) -> Login Component (成功した場合、古いトランジションを再試行)

これはクライアント側では機能しますが、サーバー側でユーザーを承認するのに問題があります。

成分

認証 Miixin

認証サービス

サーバ

どうにかして Flux を認証サービスに渡したいので、ストアをチェックして、ユーザーがログインしているかどうかを確認できます。Mixin 定義を介してフラックスを渡そうとしましたが、うまくいきません :(.

ありがとう！

反応とフラックスの簡単な実装があります。アクションとストアを使用して新しい投稿を作成していますが、ユーザーが別のルートに移動してthis.postAddedに戻った場合でも同じ値になるという問題があります。

店舗：

アクション：

コンポーネント:

他のビューに移動したときに状態をリセットするにはどうすればよいですか?

https://github.com/rackt/react-routerをプライベート リポジトリにフォークして更新し、自分のプロジェクトでそれを要求したいと考えています。

私が走れば

github リポジトリにあるものを提供するだけではありません (いくつかのビルド スクリプトを実行し、適切にパッケージ化します)。

このワークフローをエミュレートする最良の方法は何ですか?

理想は・・・したい。

1. 彼らのレポから私のプライベートレポにreact-routerをフォークします
2. ローカルで変更を行い、プライベート リポジトリにプッシュする
3. 一部のアプリで npm install (私のフォークされたバージョン)

ここで npm install {username}/react-router を実行しようとすると、フォークされた github リポジトリ全体 (ビルドされていない) がインストールされ、機能しません。

ありがとう！

現在、ルート アプリケーション レベルでのreact-router リンク ナビゲーションとshouldComponentUpdate()の正しい組み合わせの実装について疑問があります。

つまり、ヘッダー、フッター、サイドバーなどを含むグローバル コンポーネントを含むApp.jsxというルート コンポーネントがあり、この同じコンポーネントには、システム内の新しい登録を取得し、新しいユーザーが登録したときに状態を更新するajax long-pollがあります。 .

更新を持たない ajax 応答でコンポーネント(したがってすべての子)に再レンダリングをプッシュしたくないので、素敵なshouldComponentUpdate()メソッドを使用することにしました。

だから、私はこのようなものを思いつきました-私はlo-dashを利用していることに注意してください:

これにより、コンポーネントは最新の登録に関する無関係な応答を正しく無視します。

ここで、ルーティングを行う必要があるときに問題が発生します。前に明確にするために、これはrender()の一種の構造です:

注: _routerTransitionKey は単なるヘルパーです。内部ビューの状態をナビゲートしているときにトランジションを行う必要がなく、正常に動作しています。

このグローバル コンポーネント内に RouteHandler があるため、アプリケーションの状態自体が変更されなかったため、ルートの変更が完全に無視されるという問題があります。これにより、コンポーネントはナビゲーション時にrender()をトリガーせず、したがってRouteHandler を更新しません。

私が必要としたのは次のようなものです：

私の質問は、この問題に対する巧妙なアプローチを知っている人はいますか? 現在持っているこのアプリコンポーネントに到達する前に、ルートを処理するためにさらに別のラッピングコンポーネントを作成する必要がないようにしようとしています...