Essayez simplement d'obtenir un exemple de base de fonctionnement des onglets réactifs. Le style semble manquer. L'exemple ci-dessous est dans le sandbox de code (regardez dans 'Hello.js'), mais je vois exactement le même comportement après l'installation du paquet dans mon projet via npm. Qu'est-ce que je rate? Merci!Les onglets de réaction ne sont pas des onglets
https://codesandbox.io/s/jzql1q6819
De la documentation à https://github.com/reactjs/react-tabs#styling
RÉAGIR-onglets ne comprend pas le chargement de style par défaut. Les feuilles de style par défaut sont fournies et peuvent être incluses dans votre application si vous le souhaitez.
Vous devrez importer les styles vous-même. Je ne pense pas que Code Sandbox vous permettra de les importer directement à partir du paquetage NPM, donc vous devrez utiliser un CDN ou une autre source. En plus de cela, les onglets fonctionnent dans votre exemple.
En cliquant sur un élément de la liste révèle un contenu différent
Voici une fourchette de votre exemple avec les styles ajouté: https://codesandbox.io/s/ym7l2zk4oj
Très gentil! Merci. – dt1000
remarque: vous pouvez réduire toutes les déclarations d'importation distinctes pour réagir onglets à 'import {onglets, tablist , Tab, TabPanel} de 'réagir-onglets'; ' –
bon point, merci – dt1000