maxTagPlaceholder renders inside a predefined tag
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza reproduciendo el problema con un Select múltiple usando maxTagCount={1} y un maxTagPlaceholder personalizado. Traza la ruta de renderizado del placeholder y de las etiquetas predefinidas; se considera terminado cuando el elemento personalizado se renderiza sin quedar envuelto en otra etiqueta, mientras que los valores seleccionados normales conservan su renderizado esperado.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
I would like to use maxTagCount and maxTagPlaceholder props to render selected values and if more then one then render a custom element
<Select
options={[
{ value: 'option1', label: <span>option1</span> },
{ value: 'option2', label: <span>option2</span> },
{ value: 'option3', label: <span>option3</span> },
{ value: 'option4', label: <span>option4</span> }
]}
mode='multiple'
maxTagCount={1}
maxTagPlaceholder={() => <div>something</div>}
I would like the <div>something</div> to be rendered without any tag which wrap it, whats happening it that <div>something</div> is rendered inside a tag
- Lenguaje dominante
- TypeScript
- Estrellas
- 939
- Forks
- 480
- Merge medio
- 3 h 37 min
- PR fusionados (30 d)
- 1
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
-
keytrace logo svg?Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
cyclofinance/cyclo.site#448 ·
-
[sanity-plugin-media] Searching for a word with an apostrophe shows an error instead of resultsAbierto@sanity-io/studio bug sanity-plugin-media Sieve-Agent
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
bug via-triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
pingdotgg/t3code#15221 · 1 comentario ·
Los mantenedores suelen responder en 1 día