Value property must be unique / incorrect option passed to onSelect
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza con el CodeSandbox enlazado en src/App.js y reproduce la secuencia de selección. Después, rastrea cómo se utilizan value y key antes de que onSelect reciba una opción. Se considera terminado cuando la selección de entradas con valores duplicados pasa las opciones correspondientes con sus claves, incluido el caso reportado de id1, id2 y id3.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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.
- Lenguaje dominante
- TypeScript
- Estrellas
- 939
- Forks
- 480
- Merge medio
- 15 h 8 min
- PR fusionados (30 d)
- 2
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de react-component/select
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
react-component/select#1216 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100
react-component/select#1159 ·
-
a11y 问题Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
react-component/select#1087 · 1 reacción ·
-
showSearch 默认值是 false 把Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
react-component/select#1086 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 30/100
react-component/select#1082 · 1 comentario ·
Todos los issues de react-component/select
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
Los mantenedores suelen responder en 1 día
-
external-issue to-triage
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
diegosouzapw/OmniRoute#15401 ·
Los mantenedores suelen responder en 2 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100
code-yeongyu/oh-my-openagent#9454 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
smart-village-solutions/sva-studio#1654 ·
Los mantenedores suelen responder en 1 día