問題タブ [react-router-component]

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 投票する
2 に答える
3950 参照

javascript - React コンポーネント this.props は常に空です

パラメータを処理する React コンポーネントの Route からパラメータへのアクセスを取得するために、いくつかに従いました。ただし、or内からのconsole.logonの結果は、ルートからのが含まれていると予想される場合は常にです。this.propsrendercomponentDidMount{}gameIdgamesView

client.jsルーターを起動します。

routes.js簡単にするためにいくつかのルートを削除しています。

...そして、app.jsこれは他のルートをラップし{...this.props}ますRouteHandler。私console.log(this.props)が関数内からrenderここにいる場合も戻ります{}:

最後にgamesView、props オブジェクトが表示されると予想される React コンポーネントです。ここthis.propsにも{}あり、次の結果はエラーになりますTypeError: $__0 is undefined var $__0= this.props.params,gameId=$__0.gameId;

誰にもアイデアはありますか?

0 投票する
1 に答える
2336 参照

javascript - React Routing で予期しないトークン エラーが発生する

react-router-component を使用して React アプリケーションのルートを作成しようとしています。しかし、webpack でプロジェクトをビルドすると、次のエラーが発生します。

ERROR in ./app/js/client.jsx Module build failed: Error: Parse Error: Line 22: Unexpected token <

ルートは client.jsx ファイルにあり、次のようになります。

ここで何が間違っているのかわかりません。どんな助けでも大歓迎です。さらに情報が必要な場合はお知らせください。ありがとう!

編集:私のwebpack構成は次のようになります:

これまでのプロジェクト全体は、https ://github.com/mrbgit/short-stories/tree/add-category-age で確認できます。

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

javascript - react-router-component はすべての URL を同じコンポーネントにルーティングします

react-router-component を使用してシンプルなブログ/ショート ストーリー アプリにルーティングを追加しようとしていますが、どの URL を入力しても同じコンポーネントが表示されます。URL は表示されますが、別のハンドラーを指定してもレンダリングされるのは常に同じコンポーネントなので、"localhost:3000/" と "localhost:3000/category" は、別のハンドラーを指定しても同じコンポーネントを表示します。 /カテゴリー"。ファイルは次のようになります。

私の github でプロジェクト全体を表示できますhttps://github.com/mrbgit/short-stories/tree/branch詳細情報が必要な場合はお知らせください。ありがとう!

0 投票する
1 に答える
747 参照

reactjs - 反応ルーターの奇妙なナビゲーションの問題

認証を必要とするいくつかのコンポーネントを備えた、かなり基本的なログイン設定 (以下のコード) があります。http://localhost:8000/に移動すると、 http://localhost:8000/loginにリダイレクトされ、すべて問題ありません。その後ログインすると、 http://localhost:8000/に戻り、メイン コンポーネントが表示されます。

ただし、http://localhost:8000/loginに直接移動すると、「/login を取得できません」と表示されます。「about」コンポーネントについても同じことが言えます。ポンド記号を追加すると機能します: http://localhost:8000/#/login。誰が何が起こっているのか説明できますか?

0 投票する
1 に答える
968 参照

javascript - React Router: ページに何も表示されない

React アプリを作成しようとしていますが、問題があります。メイン ページを読み込もうとすると、エラーは発生しませんが、ページには何も表示されません。

アプリのエントリ ポイントはmain.jsで、renderメソッドには次のものが含まれます。

render方法はRootComponent.js次のようになります。

残りのコンポーネントは単純なコンポーネントです。前述したように、エラーはありませんが、アプリには何も表示されません。これは実際にブラウザーでレンダリングされるものです。

私は "react": "^0.13.3" と "react-router": "^1.0.0-beta3" を使用しています。

ページに何も表示されないのはなぜですか? どうすればこれを修正できますか?

0 投票する
1 に答える
1591 参照

reactjs - 反応ルーター | 子コンポーネントから親パラメータ値を取得するにはどうすればよいですか? バージョン: 1.0.0-rc1

次のようなコードがあるとします。

UserContainer には、次のようなものがあります。

ルーター構成で定義された子コンポーネント (UserProfileContainer、UserStatsContainer など) に userId を渡すにはどうすればよいですか?

これらのコンポーネントは、現在の userId も認識する必要があります。

ありがとう。