Generate new tab after click on the table row
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 3.1k
- Forks
- 455
- Ø Merge
- 5 Std. 9 Min.
- Gemergte PRs (30 T.)
- 2
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.
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
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.
Bewertung
- Tech-Stack
- javascript, react
- Bereich
- documentation, frontend
- Issue-Typ
- Dokumentation
- Schwierigkeit
- 2/5
- Geschätzter Aufwand
- 1-3 Stunden
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 35/100