Value property must be unique / incorrect option passed to onSelect
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Anfängerfreundlichkeit
- 35/100
- Issue-Typ
- Bug
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- react, typescript
- Bereich
- frontend
Rechercherichtung
Beginne mit der verknüpften CodeSandbox unter src/App.js und reproduziere die Auswahlsequenz. Verfolge anschließend, wie value und key verwendet werden, bevor onSelect eine Option erhält. Erledigt ist es, wenn die Auswahl von Einträgen mit doppelten Werten die entsprechenden Optionen mit ihren Schlüsseln übergibt, einschließlich des gemeldeten Falls id1, id2 und id3.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
Demo:
https://codesandbox.io/s/exciting-bird-x7m1kf?file=/src/App.js
Steps to reproduce:
- Click to input, dropdown opens;
- Click on first option;
- Click to input again;
- Click on second option;
- Observe console output
Expected behavior:
After first click, option with 'key: "id1"' should be passed to onSelect. After second click, option with 'key: "id2"' should be passed to onSelect
Actual behavior:
Same option is passed to onSelect (id3) regardless which option I select.
Comment:
It's not stated anywhere that value prop must be unique, which in many cases is not satisfying - movies, companies, books etc. can have same name but unique ID. In my case, same values might have highlighted different parts of string - I can not use options prop. I also can not pass id to value, since I need backfill.
One possible solution would be to keep uniqueness only to keys. Other (which will solve only my case) to do backfill with different prop - title, label or something else and fill it with value as a backup.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 938
- Forks
- 482
- Ø Merge
- 15 Std. 8 Min.
- Gemergte PRs (30 T.)
- 2
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus react-component/select
-
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 35/100
react-component/select#1216 ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 45/100
react-component/select#1159 ·
-
a11y 问题 Offen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100
react-component/select#1087 · 1 Reaktion ·
-
showSearch 默认值是 false 把 Offen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 25/100
react-component/select#1086 ·
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 30/100
react-component/select#1082 · 1 Kommentar ·
Alle Issues in react-component/select
Ähnliche Issues
-
Schwierigkeit 1/5 1-3 Stunden Anfängerfreundlichkeit 88/100
motiondivision/motion#3849 ·
-
Add: S Play Event HD Offencheck:passed streams:add
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
-
LiteLLM proxy response_cost (x-litellm-response-cost) is never applied to ChatModelOutput.cost Offenbug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 84/100
i-am-bee/beeai-framework#1697 · 1 Reaktion ·
-
Support bun dedupe Offenenhancement
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 75/100
antfu/node-modules-inspector#214 ·