問題タブ [react-routing]

React-Router docs のレッスン 8 で、「インデックス ルート」について説明していますが、次の段落について説明しています。

これは問題なく機能しますが、将来的にはおよびのHomeようなルートに関連付けたいと思うでしょう。いくつかの理由は次のとおりです。AboutRepos

• 一致したルートとそのコンポーネントに依存するデータ取得の抽象化に参加する。
• onEnterフックに参加
• コード分​​割への参加

App また、切り離された状態を維持Homeし、ルート構成で何を子としてレンダリングするかを決定できるようにするのも良い方法です。大きなアプリではなく、小さなアプリの中に小さなアプリを構築したいということを忘れないでください!

残りのドキュメントは問題ありませんでしたが、ここで何を話しているのか理解するのに苦労しています。

Home1-「ルートに接続されている」とはどういう意味ですか?

2-「データフェッチの抽象化」とは何ですか?なぜこれが良いのですか?

3- コード分割とは?

これは、ここでの質問の形式に合っていると思います (客観的に回答可能で、ソフトウェアに関連しています)。前もって感謝します。

私が持っているのはroot route定義です：

ネストされた動的ルーティングを使用したいくつかの設定:

./routes/Settings/index.js:

/settings{this.props.children}反応ルーターパスをレンダリングする親コンポーネントです。たとえば、/settings/general私がレンダリングしたものに移動すると、その子としてsettingsレンダリングされます。general

./routes/Settings/General.js

これは問題ありませんが、私がやりたいのは、にSettings移動した場合にレンダリングするデフォルトの子コンポーネントを定義することです/settings。

要するに、IndexRoute動的ルーティングを使用するときのようなものを定義する方法はありますか?

反応アプリケーションを作成しています。反応ルーターを使用してボタンクリックで「タブコンテンツエリア」を変更できますか? 2 つのタブがあります。ボタンをクリックすると、いずれかのタブの内容を変更したい。ページの他のすべては同じままである必要がありますが、タブのコンテンツです。これどうやってするの？

アプリのセクションに「動的ルート」が必要です。これは次のように行われました。

これまでのところこれでうまくいきますが、Component では id の値にアクセスしたいと思います。どうやってやるの？

ここで単純なものが欠けていると確信していますが、ルートを適切に構成できません。

次のエラーが表示されます。

Warning: Failed prop type: The prop 'children' is marked as required in 'App', but its value is 'undefined'. in App (created by RouterContext) in RouterContext (created by Router) in Router

これが私の基本的なセットアップです：

./index.jsx

./routes/index.js

./routes/home.js

./components/app/index.jsx

./コンポーネント/ホーム/index.jsx