Generate new tab after click on the table row

Offen

#335 erstellt am 17.7.2020 1 Kommentar 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: 35/100

Issue-Typ: Dokumentation
Klarheit: Muss geklärt werden
Aktivitätsstatus: Veraltet
Tech-Stack: javascript, react
Bereich: documentation, frontend

Rechercherichtung

Überprüfe die bestehende Dokumentation zu React-Tabs zusammen mit den JavaScript-Snippets in diesem Issue. Bestimme, wo ein Beispiel zum Öffnen oder Erzeugen eines neuen Tabs nach dem Klicken auf eine Tabellenzeile hingehört, und betrachte die Dokumentation als vollständig, wenn Neulinge ein funktionierendes Beispiel finden können, das diese Interaktion abdeckt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Not a bug.

I can't find example on generate new tab on your page.

Mine is working but it doesn't generate new tab after you click on the row.

Example:

first component:

<tr {...row.getRowProps()} onClick={ (e) => Test(row.values)} />

second component:

function Test(data) {
      return (
          <>
            {Object.keys(data).map(key =>
              <Tab key={key}>{key}</Tab>
            )}
          </>
      )
}

Third component:

const TabTable = () => {
    return (
        <div>
            <Tabs>
                <TabList>
                    <Tab key="Main">Main</Tab>
                    <Test />
                </TabList>
                <TabPanel>
                    <LoadData />
                </TabPanel>
            </Tabs>
        </div>
    );
}

LoadData is a table.

Yes, I use import Test in TabTable, it's just snippets.

That would be great for people who are new at generating tabs.

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
className default is lost when props.className is undefined in UncontrolledTabs Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 45/100

reactjs/react-tabs#581 · 3 Kommentare · Erstellt am 28.5.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

Alle Issues in reactjs/react-tabs