Nested resources with `TabbedForm` with `syncWithLocation` enabled
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 30/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- react, typescript
- 領域
- frontend
調査の方向性
まず TabbedFormView の実装、特に syncWithLocation のルート処理を読み、issue にあるネストされた Resource のシナリオを再現してください。完了条件は、TabbledForm が syncWithLocation を使用でき、ネストされた子 Resource へのナビゲーションがタブルートに捕捉されず、引き続き到達可能であることです。issue ではテストファイルは指定されていません。
索引モデルが issue の本文から書いたものです。
説明
Is your feature request related to a problem? Please describe.
I'd like to use nested resources with <TabbedForm> and syncWithLocation enabled. This is not possible due to TabbedFormView using splat route:
{syncWithLocation ? (
<Routes>
<Route path="/*" element={renderTabHeaders()} />
</Routes>
) : (
renderTabHeaders()
)}
The scenario is as follows: I have an edit page for a resource. It renders a TabbedForm. On this edit page I'd like to navigate to a nested resource that is declared similar to this:
<Resource name="parent" edit={EditView}>
<Route path=":id/child" element={<ChildView />} />
</Resource>
function EditView() {
return (
<Edit>
<TabbedForm>
<FormTab label="tab1" />
</TabbedForm>
</Edit>
}
Describe the solution you'd like
I'd like to be able to use nested resources and TabbedForm on a source view. This will be possible if we add some kind of prefix before splat route:
{syncWithLocation ? (
<Routes>
<Route path="/tabs/*" element={renderTabHeaders()} />
</Routes>
) : (
renderTabHeaders()
)}
Describe alternatives you've considered
Probably, as a workaround I can navigate to an intermediary view that does not have a splat route, so it doesn't catch the child view route:
navigate("/parent");
navigate("/parent/123/child");
Additional context
- 主要言語
- TypeScript
- スター
- 27k
- フォーク
- 5.5k
- 平均マージ
- 1日 3分
- マージ済み PR（30日）
- 32
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
marmelab/react-admin のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
marmelab/react-admin#11431 ·
メンテナーはふだん 1 日以内に返信
-
Pagination: page button aria-labels are not translated on small screens対応中かも @Singmin が 1 日前に担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
marmelab/react-admin#11427 ·
メンテナーはふだん 1 日以内に返信
-
Add emptyText property to SelectArrayInput対応中かも @kwitykwity が 59 日前に担当しました。 オープンenhancement good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
marmelab/react-admin#10454 · コメント 7 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 4/5 1週間以上 初心者へのやさしさ 38/100
marmelab/react-admin#11426 · リアクション 1 件 ·
メンテナーはふだん 1 日以内に返信
-
ra-data-graphql-simple: outdated graphql-ast-types-browser dependency causes npm peer warnings再び着手できるかも @bipul724 が 12 日前に担当しましたが、オープン中のプルリクエストはありません。 オープン
難易度 4/5 3〜5日 初心者へのやさしさ 25/100
marmelab/react-admin#11395 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
marmelab/react-admin の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
area:web p3
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
Lets-Parley/Parley#912 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
wealthfolio/wealthfolio#2376 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
be-BOP-io-SA/be-BOP#2817 ·
メンテナーはふだん 5 日以内に返信
-
documentation good first issue
難易度 1/5 1〜3時間 初心者へのやさしさ 84/100
sno-ai/sno-station#149 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信