className default is lost when props.className is undefined in UncontrolledTabs

Offen

#581 erstellt am 28.5.2025 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 2/5
Geschätzter Aufwand: 1-3 Stunden
Anfängerfreundlichkeit: 45/100

Issue-Typ: Bug
Klarheit: Größtenteils klar
Aktivitätsstatus: Veraltet
Tech-Stack: javascript, react
Bereich: frontend

Rechercherichtung

Beginne bei der Komponente UncontrolledTabs und untersuche den Object Spread des default-props-Objekts, indem du den Fall reproduzierst, in dem props.className explizit undefined ist. Bestätige das erwartete Verhalten für die standardmäßige "react-tabs"-Klasse und überprüfe, dass die Klasse weiterhin angewendet wird, ohne ein explizit angegebenes className zu beeinträchtigen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

In the UncontrolledTabs component, default props are merged using object spreading:

const { className, ...attributes } = { ...defaultProps, ...props, };

Even the defaultProps.className is defined ('react-tabs') and props.className is explicitly undefined, the spread operation will overwrite the default and set className to undefined.

As a result, the default class name is lost. It's unclear whether this behavior is intended, but it can lead to unexpected issues, especially when upgrading from older versions where the default class was always applied. Projects relying on the default 'react-tabs' class for styling or selectors may break silently.

Vorherrschende Sprache: JavaScript
Sterne: 3.1k
Forks: 455
Ø Merge: 5 Std. 9 Min.
Gemergte PRs (30 T.): 2

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

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

Tab not updating properly when state changes dynamically Offen

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 25/100

reactjs/react-tabs#584 · Erstellt am 27.7.2025
Can I get the width of the dom of the first selected tab? Offen

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100

reactjs/react-tabs#571 · Erstellt am 19.12.2024
Support hiding of all TabPanels Offen

Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 35/100

reactjs/react-tabs#525 · 1 Kommentar · 1 Reaktion · Erstellt am 22.7.2023
Disabled tabs should remain keyboard focusable as per W3C WAI ARIA guidelines Offen

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100

reactjs/react-tabs#521 · 3 Kommentare · Erstellt am 07.6.2023
React-tabs dropped clicks on tab switch when inspecting on mobile device Offen

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 42/100

reactjs/react-tabs#507 · 1 Kommentar · Erstellt am 10.1.2023

Alle Issues in reactjs/react-tabs