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

Wrong filter state on backward navigation

オープン 初心者向け
  • 何か問題がありますか？
#340 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

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

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
62/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
停滞
技術スタック
javascript, react
領域
frontend

調査の方向性

フィルターコンポーネントから始め、URL の検索パラメーターから React の状態がどのように初期化されるかを追跡します。フィルターを適用してブラウザーの戻るナビゲーションを使用し、問題を再現します。ナビゲーション中もフィルター UI が URL パラメーターと同期したままになれば完了です。

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

説明

When using the browser's back navigation, the filter state becomes desynchronized from the URL parameters. The UI shows outdated filter values while the URL contains the correct ones.

Steps to Reproduce
  1. Apply filters using the filter component (e.g., set city to "New York")
  2. Use browser's back button
  3. Observe that filter UI doesn't match URL parameters
Expected Behavior

Filter state should always be synchronized with URL search parameters, including during browser navigation.

Root Cause

The component uses React state for filters that doesn't get updated when URL changes via browser navigation. The useState(initialFilters) only uses the initial value on first render.

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

環境構築

はじめの一歩

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

firebase/friendlyeats-web のほかの issue

firebase/friendlyeats-web の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

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

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