styled-components don't work with Tab.js
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 38/100
- Issue-Typ
- Bug
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- javascript, react
- Bereich
- frontend
Rechercherichtung
Beginne in Tab.js bei der im Bericht beschriebenen child.type-Prüfung und reproduziere dann das styled-components-Beispiel, um zu verstehen, wie angepasste Tabs behandelt werden. Als abgeschlossen gilt die Aufgabe, wenn styled Tab-Komponenten angepasst werden können, ohne abgelehnt zu werden, während das bestehende Tab-Verhalten erhalten bleibt.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
It's not possible to customize Tab.js with styled-components (https://github.com/styled-components/styled-components) because of this line in Tab.js:
if (child.type !== _Tab2.default) {
return child;
}
if you customize the styling with styled-components,
const StyleTab = styled(Tab)`
background-color : ${props => props.selected? 'white' : 'transparent'};
`;
child.type will no longer be Tab but StyleTab
I also don't understand why this check is here?
- Vorherrschende Sprache
- JavaScript
- Sterne
- 3.1k
- Forks
- 455
- Ø Merge
- 5 Std. 9 Min.
- Gemergte PRs (30 T.)
- 2
Entwicklungsumgebung
Die Einrichtungsdateien dieses Projekts haben wir noch nicht geprüft. 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 reactjs/react-tabs
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 25/100
reactjs/react-tabs#584 ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 45/100
reactjs/react-tabs#581 · 3 Kommentare ·
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100
reactjs/react-tabs#571 ·
-
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 35/100
reactjs/react-tabs#525 · 1 Kommentar · 1 Reaktion ·
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100
reactjs/react-tabs#521 · 3 Kommentare ·
Alle Issues in reactjs/react-tabs
Ähnliche Issues
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 90/100
Maintainer antworten meist innerhalb von 1 Tag
-
Design only Leadership Survey SLFS
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 70/100
bcgov/digital-journeys#2293 ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
tursodatabase/turso#9405 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Toolkit
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 88/100
Maintainer antworten meist innerhalb von 1 Tag
-
API Bug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
ProjectSidewalk/SidewalkWebpage#5556 ·
Maintainer antworten meist innerhalb von 1 Tag