2017-09-07 1 views
0

Nur versuchen, ein grundlegendes Beispiel für das Reagieren-Tabs zu erhalten. Das Styling scheint zu fehlen. Das folgende Beispiel befindet sich in der Code-Sandbox (siehe 'Hello.js'), aber ich sehe genau das gleiche Verhalten, nachdem ich das Paket über npm in mein Projekt installiert habe. Was vermisse ich? Vielen Dank!Reag-Registerkarten nicht als Registerkarten formatiert

https://codesandbox.io/s/jzql1q6819

+1

Seite Hinweis: Sie können alle separaten Import-Anweisungen kollabieren zu 'Import zu reagieren-Tabs {Tabs, TabList , Tab, TabPanel} von 'react-tabs'; ' –

+0

guten Punkt, danke – dt1000

Antwort

3

Aus der Dokumentation bei https://github.com/reactjs/react-tabs#styling

react-Tabs enthält keinen Stil Laden standardmäßig. Standard-Stylesheets werden bereitgestellt und können bei Bedarf in Ihre Anwendung aufgenommen werden.

Sie müssen die Stile selbst importieren. Ich glaube nicht, dass Sie mit Code Sandbox direkt aus dem NPM-Paket importiert werden können. Sie müssen also ein CDN oder eine andere Quelle verwenden.

Außerdem funktionieren die Registerkarten in Ihrem Beispiel. ein Listenelement einem Klick zeigt unterschiedliche Inhalte

Hier ist eine Gabel von Ihrem Beispiel mit den Stilen hinzugefügt: https://codesandbox.io/s/ym7l2zk4oj

+0

Sehr nett! Vielen Dank. – dt1000

Verwandte Themen