問題タブ [react-routing]

kirasoftによる react-starter-kit を理解しようとしていますが、ルートに「*」ワイルドカード ルートのエントリが 2 つあることに気付きました。なぜ 2 つあり、優先順位は何ですか? 最初のルートはアプリ全体を設定しているようで、次に 2 番目のルートはデフォルトのコンテンツ ハンドラを起動するようです...両方とも起動しますか?もしそうなら、2 つの間のロジックは何ですか?両方とも順番に起動して追加されますか?どういうわけか応答で一緒に？

シングルページアプリを開発したいので、現在、react jsとreact routerを使用して最初のWebアプリを構築しています。反応ルーターを使用して最初の例を実行し、2 つのルートを切り替えようとしていますが、機能させることができません。目標は、リンクのリストを含む非常に単純な html ページを作成し、ビューを切り替えることです。

index.html がレンダリングされるとリンクのリストが表示されますが、リンクをクリックすると URL パスが変更されますが、ページのコンテンツは変更されません。私は何が欠けていますか？

コードの下:

私のindex.html：

私の main.js ファイル:

私のapp.js:

そして私のabout.js

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

そして、私のメニューコンポーネントのサンプルコードは次のようになります

問題は、「マイ ダッシュボード」をクリックすると、次の場所にルーティングされることです。

ここから [マイ ダッシュボード] をもう一度クリックすると、次の場所にルーティングされます

そして続けてください。

この問題を解決するにはどうすればよいですか? 私はどこで間違いをしましたか？または、構成でさらに何かをする必要がありますか?

React は初めてで、シングル ページ アプリケーションを開発したいので、react-router 4 ルーティングを使用しています。

ルートを指定する main.js の下

そして App.js は、ご覧のとおり、ヘッダーとフッターを固定し、ルートに応じてページのコンテンツを動的に変更したいと考えています。

このコードでは、パス ("/") を使用してアプリケーションが読み込まれると、リンク ホームをクリックしてホーム コンテンツを表示する必要がありますが、アプリケーションが最初に読み込まれると、デフォルトで表示されるようにしたいと考えています。

どうすればそれを達成できますか？

ありがとうございました！！

React と Material-UI を使用してアプリを作成しています。React-router も含めました。しかし、アプリを実行すると、以下のエラー ( Uncaught TypeError: (0 , _reactDom.ReactDOM) is not a function ) が表示されます。

React v0.14.3 と React-Router v1.0.2 を使用しています

BodyComponent 別のファイルに書き込んで、それを main.js にインポートします

ReactDOM.render を試しましたが、以下のエラーが発生します

キャッチされないエラー: 不変違反: 要素の型が無効です: 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、オブジェクトを取得しました。

私は同じフィドルを作成しました：

https://jsfiddle.net/69z2wepo/23814/

以下は私のコードです:(更新されたコード)

Main.js

以下は私のpackage.jsonの依存関係です

ここ数日、深くネストされたコンポーネントのルーティングで直面している問題を解決しようとしています。私はreactjs v14.6とreact-router v2.0をbrowserHistoryで使用しています。hashHistory に置き換えて、非推奨の履歴 mixin を使用すると、期待どおりに動作します。

反応ルーターを使用して、レンダリングに成功し、デフォルトのホームページからプロファイル ページにルーティングできました。ホーム コンポーネントとプロファイル コンポーネントの両方でレンダリングされるナビゲーション バーとして、searchGithub という子コンポーネントがあります。profile/:usernameプロファイル コンポーネント/ページに正常にルーティングされるクエリ パラメータを取得する基本的な検索です。高次関数の履歴ミキシングの交換に関するドキュメントに従いました

プロファイル ページで検索コンポーネントを使用しようとすると、問題が発生します。/profileURLに追加を追加します。たとえば、ホームページからは適切にルーティングされますhttp://localhost:3000/profile/tylerが、プロファイルページでユーザー名を検索しようとすると、代わりにURLがhttp://localhost:3000/profile/profile/tylerエラーの原因になりますWarning: [react-router] Location "/profile/profile/tyler" did not match any routes

完全なプロジェクトを表示するための github リポジトリへのリンクは次のとおりです。

問題は browserHistory や server.js ファイルにあるのではなく、routes ファイルまたはコンポーネントの 1 つに問題があると思います。上記のリンクを自由にチェックして、完全なプロジェクトを取得し、必要に応じて依存関係をインストールしてください。場所記述子を渡さないことに関係していると思いますが、これも渡す必要がある3番目の引数かどうかはわかりませんthis.context.router.push()

ここに私の /App.jsx コンポーネントがあります

ここに私の /routes.jsx があります

ここに私の /SearchGithub.jsx があります

ここに私の /main.jsx があります

私はrouter.push({ pathname, query, state }) // new "location descriptor"自分が間違っていることを理解しようとして髪を引っ張っていたので、誰かが助けてくれることを願っています。それが実際に問題の原因である場合、ロケーション記述子をどのように実装するかにも興味があります

リンクを使用すると、ルーターは期待どおりに動作しますが、警告が表示されます [history] ​​pushState is deprecated; 代わりにプッシュを使用してください。

react-router-redux から routeActions を使用しても機能せず、URL が変更されました ( http://localhost:3002/addCity ) が、同じ (ホーム) を表示するか、URL でページに移動するとエラーが表示されます。例: localhost :3002/addCity.

git: https://github.com/kirsanv43/Weather.git

レデューサー:

ストア構成: https://github.com/kirsanv43/Weather/blob/master/app/redux/config/store.js

ルーター:

成分：