Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Add state-dependent mapping, not only props.

オープン
#140 コメント 3 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
25/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
javascript, react
領域
frontend

調査の方向性

まず、React-Refetch の Connect/Refetch マッピングと、issue で言及されている添付の実装を確認します。提供された setter を通じて container の state を更新でき、その state が presentational components の data-fetch マッピングに影響するようになれば、作業は完了です。

索引モデルが issue の本文から書いたものです。

説明

Scenario
You have a Container component that has logic and data-fetching (refetch decorated component).
The container parents many presentational components, like filter selection, and table view.
The filters affect the data fetched from the server, and the table view displays the results.

Now since the hierarchy is this:

  • Connect (Refetch)
    • Container (state: filters)
      • Table View (presentational)
      • Filters (presentational)

The connect mapping cannot use the filtersState to change the data fetching based on filter selection.

Suggested solution
What I suggest is adding a "containerState" feature (or a better name) to React-Refetch.
The feature will send "setContainerState()" function prop down to Container, and instead of the container holding state, the Connect will, and it will be able to use it for the mapping.

I'll attach the code I wrote to implement this, so we can discuss it.

主要言語
JavaScript
スター
3.4k
フォーク
137
PR マージ指標
30日以内にマージされた PR はありません

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

heroku/react-refetch のほかの issue

heroku/react-refetch の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。