問題タブ [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使用時のTypeError:未定義のプロパティ「firstChild」を読み取れません
react-routerなどの React ライブラリを使用すると、次のエラーが発生することがあります。
キャッチされていない TypeError: 未定義のプロパティ 'firstChild' を読み取れませ
ん /~/react-router/~/react/lib/ReactMount.js?:606
どうすれば修正できますか?
reactjs - transition.retry() は「?」を削除しているようです クエリ文字列から
willTransitionTo
認証に静的メソッドを 使用しています。これは、私が多少従っている例です。
私transition.retry()
は元のクエリ文字列とともに元のルートに行きます。ただし、クエリ文字列の先頭に疑問符がないため、遷移で意図されたルートに移動する代わりに、次のようになります。/authToken=xyz123
そう、
- ユーザーはhttp://wickedsweet-react-site.com/?authToken=xyz123にアクセスします
- http://wickedsweet-react-site.com/waitforserverauthへの反応ルート (経由
transition.redirect
) - サーバーは認証中であり、戻ります
- http://wickedsweet-react-site.com/authToken=xyz123 oopsへのルートを反応させます (経由
transition.retry()
)
のストリッピングを回避するにはどうすればよい?
ですか? ちなみに、すでに認証済みなので、この時点では authToken クエリ文字列は必要ありませんが、今のところ、それは二次的な問題です。
これが私のwillTransitionTo
方法です。
認証のために、「authToken」というクエリ文字列パラメーターにトークンを渡しています。ユーザーがauthTokenを渡すとwillTransitionTo
、サーバーに認証を依頼し、サーバーの認証をリッスンするWaitingForAuthページにユーザーをリダイレクトするために使用しています。これが WaitingForAuth React ページです。
サーバーが認証を返し、トークンが有効な場合、 WaitingForAuth が実装さcomponentWillUpdate
れ、リダイレクトで中止された元の遷移が再試行されます。
url - 履歴にプッシュされずにreact-routerリンクをたどり、URLの変更を維持するにはどうすればよいですか?
コンポーネントのリンクをクリックしたときに、現在デフォルトで変更されているのと同じ方法で URL を変更したいのですが、ブラウザの履歴にプッシュされることはありません。この回答で、次のことが誰かのために機能していることがわかりました。
this.props.activeRouteHandler({key: "anystring"})
しかし、どこに配置すればよいのか、それが機能するかどうかさえわかりません。誰かが私に例を挙げてもらえますか? ありがとう
reactjs - 反応ルーターのネストされたルート
React-Router 内にいくつかのネストされたルートを設定しています (v0.11.6 は私が取り組んでいるものです) が、ネストされたルートの 1 つにアクセスしようとすると、親ルートがトリガーされます。
私のルートは次のようになります。
ルートを折りたたむと、次のようになります。
それは正常に動作します。私が入れ子にした理由は、「ダッシュボード」の下に複数の子があり、それらすべてdashboard
に URL のプレフィックスを付けたいからです。
reactjs - react-router で可能なすべてのパスのリストを取得する
React Routerを使用して、ルート構成で可能なすべてのパスのリストを取得する方法があるのだろうか?
たとえば、次のようになります。
私は…したい:
["/", "/about", "/blog"]
javascript - react-router - props をハンドラー コンポーネントに渡す
React Routerを使用した React.js アプリケーションの構造は次のとおりです。
コンポーネントにいくつかのプロパティを渡したいですComments
。
(通常、私はこれを次のようにします<Comments myprop="value" />
)
React Router でこれを行う最も簡単で正しい方法は何ですか?
javascript - setState は動的セグメントを含むページにオブジェクトを設定しません
state
動的セグメントのパスで react-router によってロードされるコンポーネントの取得に問題があります/item/:id
:
これらのメソッドのいずれも呼び出さcomponentDidMount
れcomponentWillReceiveProps
ません。
そして、レンダリングは初期化されたばかりの空data
のオブジェクトをログに記録します..
ルーターは次のようになります。