0
118
VistasIcono junto al texto en la etiqueta mutli de selección de reacción
Estoy usando react-select y quiero que se muestren íconos junto al texto de cada etiqueta que se puede agregar y eliminar a través de multiSelect.
const data = [ { label: <svg /> && 'keyword one', value: 'keyword one' }, ]; Solo muestra el svg o el texto. ¿Alguien sabe una forma de evitar esto?
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Estás usando && de forma incorrecta. Ver evaluación de cortocircuito para más detalles. label también puede aceptar un ReactNode , para solucionar el problema, defina la matriz de opciones de la siguiente manera:
const options = [ { value: "ocean", label: ( <> <YourIcon /> Ocean </> ), color: "#00B8D9", isFixed: true }, { value: "blue", label: ( <> <YourIcon /> Blue </> ), color: "#0052CC" }, { value: "purple", label: ( <> <YourIcon /> Purple </> ), color: "#5243AA" } ]; 
·
Juan Pablo Isaza
Denunciar
Responde la pregunta