問題タブ [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.

0 投票する
6 に答える
16765 参照

javascript - React使用時のTypeError:未定義のプロパティ「firstChild」を読み取れません

react-routerなどの React ライブラリを使用すると、次のエラーが発生することがあります。

キャッチされていない TypeError: 未定義のプロパティ 'firstChild' を読み取れませ
ん /~/react-router/~/react/lib/ReactMount.js?:606

どうすれば修正できますか?

0 投票する
0 に答える
391 参照

reactjs - transition.retry() は「?」を削除しているようです クエリ文字列から

willTransitionTo認証に静的メソッドを 使用しています。これは、私が多少従っている例です。

transition.retry()は元のクエリ文字列とともに元のルートに行きます。ただし、クエリ文字列の先頭に疑問符がないため、遷移で意図されたルートに移動する代わりに、次のようになります。/authToken=xyz123

そう、

のストリッピングを回避するにはどうすればよい?ですか? ちなみに、すでに認証済みなので、この時点では authToken クエリ文字列は必要ありませんが、今のところ、それは二次的な問題です。

これが私のwillTransitionTo方法です。

認証のために、「authToken」というクエリ文字列パラメーターにトークンを渡しています。ユーザーがauthTokenを渡すとwillTransitionTo、サーバーに認証を依頼し、サーバーの認証をリッスンするWaitingForAuthページにユーザーをリダイレクトするために使用しています。これが WaitingForAuth React ページです。

サーバーが認証を返し、トークンが有効な場合、 WaitingForAuth が実装さcomponentWillUpdateれ、リダイレクトで中止された元の遷移が再試行されます。

0 投票する
2 に答える
528 参照

url - 履歴にプッシュされずにreact-routerリンクをたどり、URLの変更を維持するにはどうすればよいですか?

コンポーネントのリンクをクリックしたときに、現在デフォルトで変更されているのと同じ方法で URL を変更したいのですが、ブラウザの履歴にプッシュされることはありません。この回答で、次のことが誰かのために機能していることがわかりました。

this.props.activeRouteHandler({key: "anystring"})

しかし、どこに配置すればよいのか、それが機能するかどうかさえわかりません。誰かが私に例を挙げてもらえますか? ありがとう

0 投票する
3 に答える
27057 参照

reactjs - 反応ルーターのネストされたルート

React-Router 内にいくつかのネストされたルートを設定しています (v0.11.6 は私が取り組んでいるものです) が、ネストされたルートの 1 つにアクセスしようとすると、親ルートがトリガーされます。

私のルートは次のようになります。

ルートを折りたたむと、次のようになります。

それは正常に動作します。私が入れ子にした理由は、「ダッシュボード」の下に複数の子があり、それらすべてdashboardに URL のプレフィックスを付けたいからです。

0 投票する
3 に答える
3840 参照

reactjs - react-router で可能なすべてのパスのリストを取得する

React Routerを使用して、ルート構成で可能なすべてのパスのリストを取得する方法があるのだろうか?

たとえば、次のようになります。

私は…したい:

["/", "/about", "/blog"]

0 投票する
26 に答える
252560 参照

javascript - react-router - props をハンドラー コンポーネントに渡す

React Routerを使用した React.js アプリケーションの構造は次のとおりです。

コンポーネントにいくつかのプロパティを渡したいですComments

(通常、私はこれを次のようにします<Comments myprop="value" />

React Router でこれを行う最も簡単で正しい方法は何ですか?

0 投票する
0 に答える
221 参照

javascript - setState は動的セグメントを含むページにオブジェクトを設定しません

state動的セグメントのパスで react-router によってロードされるコンポーネントの取得に問題があります/item/:id:

これらのメソッドのいずれも呼び出さcomponentDidMountcomponentWillReceivePropsません。

そして、レンダリングは初期化されたばかりの空dataのオブジェクトをログに記録します..

ルーターは次のようになります。