Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Value property must be unique / incorrect option passed to onSelect

Aberta
#876 0 comentários 1 reação 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
35/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
react, typescript
Domínio
frontend

Direção de pesquisa

Comece pelo CodeSandbox vinculado em src/App.js e reproduza a sequência de seleção; depois, rastreie como value e key são usados antes que onSelect receba uma opção. Está concluído quando a seleção de entradas com valores duplicados passa as opções correspondentes com suas chaves, incluindo o caso relatado de id1, id2 e id3.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

Demo:
https://codesandbox.io/s/exciting-bird-x7m1kf?file=/src/App.js

Steps to reproduce:

  1. Click to input, dropdown opens;
  2. Click on first option;
  3. Click to input again;
  4. Click on second option;
  5. 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.

Linguagem predominante
TypeScript
Estrelas
938
Forks
482
Merge médio
15h 8min
PRs com merge (30d)
2

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de react-component/select

Todas as issues de react-component/select

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.