問題タブ [react-router]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - React-Router:レンダリングされたリンクのhrefをテストするには?
をレンダリングする React コンポーネントがあり<Link/>
ます。
レンダリングされた は簡単に取得できます<a/>
が、 href が適切に構築されたことをテストする方法がわかりません。
注: React-Router v0.13.3 で正しくモックするには、 stubRouterContextが必要です。<Link/>
編集:
提案してくれたヨルダンに感謝しa.getDOMNode().getAttribute('href')
ます。残念ながら、テストを実行すると、結果はnull
. これは をstubRouterContext
モックする方法に関係していると思います<Link/>
が、「修正」する方法はまだ未定です...
react-router - react-router transitionTo() リフレッシュしない方法
「react-router」を使用しています:「0.13.2」
次のように、react ルーター transitionTo を使用してページにクエリ文字列を追加しようとしています。
期待どおりに ?test=test を追加しますが、私のページも更新されます。
質問: URL にクエリ文字列を追加しても更新が行われないということはあるのでしょうか?
または、transitionTo()を使用しないでください 。
reactjs - ReactJs + React Router: キーボード イベントを使用した再起動
私は ReactJs と React-Router を使用して単純な PoC を構築しています。これは組み込み Webkit 内で出荷され、使用可能なコントロールは (左、上、右、下、および入力 - 基本的にはキーボード イベントのみ) のみです。
私はリンクを扱っていないので、ユーザーが Enter キーを押したときに特定のルートをアクティブにするにはどうすればよいですか?
内部に複数の画面 (ガイド、オンデマンド、検索など) がある TV アプリだとしましょう。
ありがとうT
javascript - React-router: 未定義のルートがサーバーに渡されるようにする
私のスタック: React/react-router/flux フロントエンドを備えた Django アプリ。
サーバー側でいくつかの静的ページ (および 404 ページなど) を管理しており、未定義のルートをサーバーに渡すようにルーターを構成したいと考えています。
現在の設定方法は次のとおりです。
mysite.com/register は、react ルーターを介して登録ページ コンポーネントにルーティングされますが、mysite.com/thanks をサーバーにヒットさせたい (django がルートを管理できるようにするため)。今、私は空白のページを取得します。
ここでドキュメントを熟読していますが、必要なものが見つかりません: http://rackt.github.io/react-router/#NotFoundRoute
多分私は何かを見落としています...ありがとう!
signalr - signalR と ampesand-reactjs を使用したリアルタイム アプリ
.net signalR (および .NET Web Api) バックエンドと、クライアント上の Reactjs および Ampersand.js を使用して、ある種の投票アプリを構築する予定です。このセットアップに関していくつか質問があります。
React-router と Ampersand-router の使用の違いは何ですか? Ampersand-router を使用すると、ブラウザの状態を管理しやすくなりますか?
高強度のリアルタイム環境 (高頻度の投票) で組織化された応答性の高いクライアントを持つことが重要な場合、クライアントスタックの代替選択肢はありますか?
reactjs - WebpackまたはbrowserifyなしでReact +(Router)
browserifyまたはwebpackを使用せずに、ReactRouterで反応を使用することは可能ですか? http://rackt.github.io/react-routerのドキュメントに従っています。reactと react-router が必要です ( require('react-router');
)。browerifly を使用すると、生成されたバンドルは約 1MB のファイルサイズになります。
したがって、自分ですべての要件をバンドルする代わりに、https://cdnjs.cloudflare.com/ajax/libs/react-router/0.13.3/ReactRouter.jsのような CDN からコンパイルされた JS を含めて reactrouter を動作させることは可能ですか? CDN で動作させようとすると、Route が定義されていないというエラーが表示されます。しかし、cdnファイルにエクスポートされているようです。
ReactRouter を含む JSX/ES6 反応コンポーネントをコンパイルし、cdn から JS ファイルを反応させ、コンポーネントのみを新しい js ファイルにバンドルしたいと思います。
これは可能ですか、それとも browserify と webpack がプロジェクトをセットアップする正しい方法ですか? (いくつかのgithubリポジトリを見ました)。http://rackt.github.io/react-router/にインストールガイドがないため、疑問が生じました
この疑似 html のように:
javascript - エラー: 不変違反: react-router 使用時の addComponentAsRefTo
React と React-router を使い始めたばかりで、すぐに問題が発生しました。これまでのところ、私のプロジェクトは非常に単純です。ルート上のブラウザーで「アプリ」をロードすると/
、次のエラーが表示されます。
ただし、コンポーネントはブラウザーでレンダリングされますが、React は反転します。
スタック トレースは役に立ちません。最後のファイルは、React を含まない index.js ファイルであり、クラスを起動するだけです。
App.js には以下が含まれます。
そして、ここに私のルートがあります:
AppView と TaskView も非常に単純です。
タスクビュー:
それだけです。TaskView
ルートを ではなく通常のルートとして設定すると、ルートDefaultRoute
にヒットするとエラーになります。それはバグがあると私に信じさせますTaskView
が、それはとても単純なので見つけるのは難しいです.
これはおそらく、私が見逃したばかげた単純なことです。しかし、私はそれを理解できないので、助けが必要です。ありがとう!
ツールには、JSPM と Babel を使用します。
javascript - React Router と RxJS のデータ フロー
RxJSによって駆動されるデータフローを備えた反応アプリがあります->こちら
RxJS を使用してデータ ストアをサブスクライブし、それを prop としてアプリに渡します。
以下は、react-router が通常それを自己レンダリングする方法です。
これは私がこれまでに持っていたもので、react-router を正常にレンダリングしていますが、データappState
は通過しませんが、<handler />
事前に正常にログアウトしますReact.render
RxJS データ サブスクリプションをマージして、React-Router に渡す方法はありますか?
解決
これが完全なソリューション<Handler {...appState}/>
です。データをアプリに渡すことに注意してください。ただし、そのデータを小道具を介して渡す必要があります <RouteHandler {...this.props} />
javascript - React Chrome 拡張機能が機能しない、React-Router が原因である可能性があります
React Chrome 拡張機能を React 13.2 で動作させようとしています。現在、<TopLevel></TopLevel>
コンポーネントの代わりにのみ表示されます。何か関係があると思いますが、それReact-Router
を機能させるために何をすべきかわかりません。
これが私のmain.js
ファイルです:
そしてrouter.js
ファイル:
そしてroutes.js
ファイル:
そして、これが React Chrome 拡張機能に表示されるものです。
アプリ自体は期待どおりに動作します。拡張機能を使用して表示できるようにしたいだけです。
javascript - 要素をクリックするとルーターが複製される
反応ルーターを試していて、ルートを設定しました:
私が入れたaa navbarに:
表面上はすべて正常に動作しているように見えますが、コンソールを見ると次のことがわかりました。
ReactMount: Root element has been removed from its original container. New container: null
私のメインルートは複製されています:
私のルーターコード: