自定义Select Option样式问题
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 5/5
- Tiempo estimado
- Más de una semana
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza revisando el renderizado personalizado de Option de rc-select y el ejemplo de Headless UI RadioGroup enlazado en el issue. Determina cómo podría exponerse el estado de la opción sin exigir que los usuarios controlen el comportamiento de value, search, clear o deselect; la tarea estará terminada cuando exista un diseño documentado y una implementación que preserve la lógica existente de Select.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
之前在antd Issue其实是有提到这个问题，在自定义设计checkbox多选框的样式后，我觉得是非常麻烦的，我除了要自己控制value之外，还得控制onSearch,onClear,onDeselect等等保证Select的正常运行，但我却仅仅是想改变一个Option的样式仅此而已。
目前在我看来更应该在这里提，我理解rc-select是一个无样式组件，那么在Option自定义环节是否可以参考类似headlessui的设计：
<RadioGroup.Option value="startup">
{({ checked }) => (
<span className={checked ? 'bg-blue-200' : ''}>Startup</span>
)}
</RadioGroup.Option>
当然我的例子可能和select无关，我只是想表达我们在设计select option时候能否给使用者更大的样式控制权，组建本身也只是抛出状态，并不会破坏组件本身的逻辑。
- 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
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
aiko-chan-ai/DiscordBotClient#380 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
vercel/ai-elements#507 ·
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
Los mantenedores suelen responder en 2 días
-
Dificultad 2/5 Medio día Aptitud para principiantes 84/100
anaclumos/qa-interns#148 · 1 comentario ·
Los mantenedores suelen responder en 1 día