React routing docs provide conflicting information on nested navigation
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 初心者へのやさしさ
- 45/100
- issue の種類
- ドキュメント
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- react
調査の方向性
React のナビゲーションページから始め、ネストされたルーティングの例と、下記の IonRouterOutlet に関するガイダンスを比較してください。競合しているドキュメントを明確化または改訂し、ネストされたナビゲーションでサポートされるアプローチが明確になるようにしたうえで、レンダリングされたページが同じ動作を一貫して説明していることを確認してください。
索引モデルが issue の本文から書いたものです。
説明
URL
https://ionicframework.com/docs/react/navigation
The React Navigation document contains a small bit of conflicting information (which caused me some confusion).
The docs first showcase an example of nested routing using IonRouterOutlet:
<IonApp>
<IonReactRouter>
<IonRouterOutlet>
<Route path="/dashboard" component={DashboardPage} />
<Redirect exact from="/" to="/dashboard" />
</IonRouterOutlet>
</IonReactRouter>
</IonApp>
with the DashboardPage component further down:
const DashboardPage: React.FC = () => {
return (
<IonRouterOutlet>
<Route exact path="/dashboard" component={UsersListPage} />
<Route path="/dashboard/users/:id" component={UserDetailPage} />
</IonRouterOutlet>
);
};
So upon navigating to the /dashboard routes, we'd expect the DashboardPage component to work and allow for nested navigation.
However, this does not work properly. Indeed, the docs also say below:
An
IonRouterOutletshould also not be a descendant from anotherIonRouterOutlet.
In direct contradiction with what was showcased a few paragraphs above.
- 主要言語
- MDX
- スター
- 621
- フォーク
- 3.2k
- 平均マージ
- 1日 6時間
- マージ済み PR（30日）
- 65
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
ionic-team/ionic-docs のほかの issue
-
content: sheet modal docs should explain how to keep interactive content from dragging the sheetオープンcontent
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
ionic-team/ionic-docs#4765 ·
メンテナーはふだん 1 日以内に返信
-
content
難易度 2/5 1〜3時間 初心者へのやさしさ 86/100
ionic-team/ionic-docs#4705 ·
メンテナーはふだん 1 日以内に返信
-
content package: angular
難易度 2/5 半日 初心者へのやさしさ 78/100
ionic-team/ionic-docs#4702 ·
メンテナーはふだん 1 日以内に返信
-
triage
難易度 1/5 1時間未満 初心者へのやさしさ 80/100
ionic-team/ionic-docs#4546 ·
メンテナーはふだん 1 日以内に返信
-
content: broken linkオープンcontent
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
ionic-team/ionic-docs#4381 · コメント 2 件 ·
メンテナーはふだん 1 日以内に返信
ionic-team/ionic-docs の issue をすべて見る
似ている issue
-
agent-butler-finding bug
難易度 1/5 1時間未満 初心者へのやさしさ 94/100
jordansmall/spindrift#4367 ·
メンテナーはふだん 1 日以内に返信
-
agentic-workflows documentation workflow-editor
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
githubnext/gh-aw-workshop#4139 ·
メンテナーはふだん 1 日以内に返信
-
feature
難易度 1/5 1時間未満 初心者へのやさしさ 72/100
vercel-labs/skills#2370 ·
メンテナーはふだん 1 日以内に返信
-
sync-en
難易度 1/5 1時間未満 初心者へのやさしさ 92/100
メンテナーはふだん 1 日以内に返信
-
sync-en
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
メンテナーはふだん 3 日以内に返信