自定义Select Option样式问题
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Idoneità per principianti
- 25/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Da chiarire
- Stato di attività
- Ferma
- Stack tecnologico
- react, typescript
- Ambito
- frontend
Direzione di ricerca
Inizia esaminando il rendering personalizzato di Option di rc-select e l’esempio di Headless UI RadioGroup collegato nell’issue. Determina come esporre lo stato dell’opzione senza richiedere agli utenti di controllare il comportamento di value, search, clear o deselect; il lavoro è completo quando sono disponibili un design documentato e un’implementazione che preservi la logica esistente di Select.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
之前在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时候能否给使用者更大的样式控制权，组建本身也只是抛出状态，并不会破坏组件本身的逻辑。
- Lingua principale
- TypeScript
- Stelle
- 938
- Fork
- 482
- Merge medio
- 15h 8m
- PR unite (30g)
- 2
Preparare l'ambiente
Non abbiamo ancora controllato i file di configurazione di questo progetto. Parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di react-component/select
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
react-component/select#1216 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 45/100
react-component/select#1159 ·
-
a11y 问题Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
react-component/select#1087 · 1 reazione ·
-
showSearch 默认值是 false 把Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 25/100
react-component/select#1086 ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 30/100
react-component/select#1082 · 1 commento ·
Tutte le issue di react-component/select
Issue simili
-
bug
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 88/100
StabilityNexus/Fate-EVM-Frontend#153 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
code-yeongyu/oh-my-openagent#9039 ·
I maintainer di solito rispondono entro 1 giorno
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
Tencent/teamai-cli#862 ·
I maintainer di solito rispondono entro 1 giorno
-
bug good first issue hacktoberfest redis
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100
libredb/libredb-studio#1164 ·
I maintainer di solito rispondono entro 1 giorno
-
flake
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100
I maintainer di solito rispondono entro 1 giorno