maxTagPlaceholder renders inside a predefined tag
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 45/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- react, typescript
- Ambito
- frontend
Direzione di ricerca
Inizia riproducendo il problema con un Select multiplo che utilizza maxTagCount={1} e un maxTagPlaceholder personalizzato. Traccia il percorso di rendering del placeholder e dei tag predefiniti; il lavoro è completato quando l’elemento personalizzato viene renderizzato senza essere racchiuso in un altro tag, mentre i valori selezionati normali mantengono il rendering previsto.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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
- Lingua principale
- TypeScript
- Stelle
- 939
- Fork
- 480
- Merge medio
- 3h 37m
- PR unite (30g)
- 1
Preparare l'ambiente
Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: 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
-
keytrace logo svg?Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
cyclofinance/cyclo.site#448 ·
-
[sanity-plugin-media] Searching for a word with an apostrophe shows an error instead of resultsAperta@sanity-io/studio bug sanity-plugin-media Sieve-Agent
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
-
bug via-triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
pingdotgg/t3code#15221 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno