maxTagPlaceholder renders inside a predefined tag
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 45/100
- Issue-Typ
- Bug
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- react, typescript
- Bereich
- frontend
Rechercherichtung
Beginnen Sie damit, das Problem mit einem Multiple-Select mit maxTagCount={1} und einem benutzerdefinierten maxTagPlaceholder zu reproduzieren. Verfolgen Sie den Rendering-Pfad für den Platzhalter und die vordefinierten Tags; als erledigt gilt die Aufgabe, wenn das benutzerdefinierte Element gerendert wird, ohne in ein weiteres Tag eingeschlossen zu werden, während normal ausgewählte Werte ihre erwartete Darstellung beibehalten.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
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
- Vorherrschende Sprache
- TypeScript
- Sterne
- 939
- Forks
- 481
- Ø Merge
- 43 Min.
- Gemergte PRs (30 T.)
- 1
Entwicklungsumgebung
Dieses Projekt bietet weder Dev-Container noch Dockerfile noch Beitragsleitfaden – die Einrichtung liegt bei Ihnen. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus react-component/select
-
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 35/100
react-component/select#1216 ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 45/100
react-component/select#1159 ·
-
a11y 问题Offen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100
react-component/select#1087 · 1 Reaktion ·
-
showSearch 默认值是 false 把Offen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 25/100
react-component/select#1086 ·
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 30/100
react-component/select#1082 · 1 Kommentar ·
Alle Issues in react-component/select
Ähnliche Issues
-
docs(api): openapi.yaml still documents gif-tools optimize colors as 2-256 instead of 2, 4, 16, 256Offenarea: backend documentation priority: low
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 84/100
snapotter-hq/SnapOtter#2919 ·
Maintainer antworten meist innerhalb von 1 Tag
-
accepted :+1: bug db/redis
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 76/100
beekeeper-studio/beekeeper-studio#4882 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
ready-for-triage
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
konflux-ci/konflux-ui#1630 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 2 Tagen
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 67/100
ahmedkhaleel2004/gitdiagram#233 ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
simkimsia/netlify-axi#19 ·
Maintainer antworten meist innerhalb von 1 Tag