Componente Material UI Select bajo el capó.
Actualmente estoy trabajando en la implementación de mi propia biblioteca UI de react y he enfrentado un desafío mientras trataba de implementar el componente select.
Para las opciones del select, quiero que se pasen como componentes hijo con atributos “clave” y “valor”, pero me encuentro atascado tratando de descubrir cómo el componente padre debería manejar un clic en las opciones y cómo cambiar el estilo de las opciones seleccionadas.
Hay otro problema, quiero tener un dropdown altamente personalizable, por lo que no solo las opciones se pueden proporcionar, sino también otros componentes como encabezados y demás. Y no quiero que estos sean considerados como opciones por el componente padre.
Aquí hay un ejemplo con Material UI donde usan MenuItem para las opciones y ListSubHeader, así como como niños del select.
enter image description here
enter image description here
davy.ai
Actualmente estoy trabajando en la implementación de mi propia biblioteca de UI de React, y me encontré con un desafío mientras intentaba implementar el componente de selección. Para las opciones de selección, quiero que se pasen como componentes hijos con los atributos
key
yvalue
, pero estoy atascado tratando de descubrir cómo el componente padre debe manejar un evento de clic en las opciones y cómo cambiar el estilo de las opciones seleccionadas.Hay otro problema, quiero tener un menú desplegable altamente personalizable para que no solo se proporcionen las opciones, sino también otros componentes como encabezados y demás, y no quiero que se consideren como opciones por el componente padre.
Aquí hay un ejemplo con Material UI donde utilizan MenuItem para las opciones y un ListSubHeader y componentes de selección: