問題タブ [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.
javascript - React コンポーネント this.props は常に空です
パラメータを処理する React コンポーネントの Route からパラメータへのアクセスを取得するために、いくつかの例に従いました。ただし、or内からのconsole.log
onの結果は、ルートからのが含まれていると予想される場合は常にです。this.props
render
componentDidMount
{}
gameId
gamesView
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;
。
誰にもアイデアはありますか?
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 で確認できます。
javascript - react-router-component はすべての URL を同じコンポーネントにルーティングします
react-router-component を使用してシンプルなブログ/ショート ストーリー アプリにルーティングを追加しようとしていますが、どの URL を入力しても同じコンポーネントが表示されます。URL は表示されますが、別のハンドラーを指定してもレンダリングされるのは常に同じコンポーネントなので、"localhost:3000/" と "localhost:3000/category" は、別のハンドラーを指定しても同じコンポーネントを表示します。 /カテゴリー"。ファイルは次のようになります。
私の github でプロジェクト全体を表示できますhttps://github.com/mrbgit/short-stories/tree/branch詳細情報が必要な場合はお知らせください。ありがとう!
reactjs - 反応ルーターの奇妙なナビゲーションの問題
認証を必要とするいくつかのコンポーネントを備えた、かなり基本的なログイン設定 (以下のコード) があります。http://localhost:8000/に移動すると、 http://localhost:8000/loginにリダイレクトされ、すべて問題ありません。その後ログインすると、 http://localhost:8000/に戻り、メイン コンポーネントが表示されます。
ただし、http://localhost:8000/loginに直接移動すると、「/login を取得できません」と表示されます。「about」コンポーネントについても同じことが言えます。ポンド記号を追加すると機能します: http://localhost:8000/#/login。誰が何が起こっているのか説明できますか?
javascript - React Router: ページに何も表示されない
React アプリを作成しようとしていますが、問題があります。メイン ページを読み込もうとすると、エラーは発生しませんが、ページには何も表示されません。
アプリのエントリ ポイントはmain.js
で、render
メソッドには次のものが含まれます。
のrender
方法はRootComponent.js
次のようになります。
残りのコンポーネントは単純なコンポーネントです。前述したように、エラーはありませんが、アプリには何も表示されません。これは実際にブラウザーでレンダリングされるものです。
私は "react": "^0.13.3" と "react-router": "^1.0.0-beta3" を使用しています。
ページに何も表示されないのはなぜですか? どうすればこれを修正できますか?
reactjs - 反応ルーター | 子コンポーネントから親パラメータ値を取得するにはどうすればよいですか? バージョン: 1.0.0-rc1
次のようなコードがあるとします。
UserContainer には、次のようなものがあります。
ルーター構成で定義された子コンポーネント (UserProfileContainer、UserStatsContainer など) に userId を渡すにはどうすればよいですか?
これらのコンポーネントは、現在の userId も認識する必要があります。
ありがとう。