Composants stylés et bootstrap réactif?
Existe-t-il un moyen d'utiliser styled-components avec react-bootstrap ? react-bootstrap expose bsClassproperties au lieu de className pour leur composant qui semble être incompatible avec les composants de style.
Des expériences?
Je voudrais offrir une meilleure alternative.
J'utilisais react-bootstrap auparavant et nous avons constaté que l'implémentation actuelle ne portait pas bootstrap dans react entièrement et nous devions toujours compter sur des fichiers externes tels que CSS/Fonts qui ne sont pas stylisés -comprend la philosophie et les meilleures pratiques.
Considérant que les composants stylisés offrent l'interface css, nous avons porté bootstrap 4 avec les meilleures pratiques ES6 dans un projet appelé bootstrap-styled .
Cette Twitter Bootstrap v4 implémentation de bootstrap est entièrement implémentée pour les composants de style sans une seule fois de CSS ou de fichiers supplémentaires).
Cela donne plusieurs avantages à commencer par une API js complète, un thème, une modularité et une réutilisabilité.
Pour remplacer les styles, cela peut être fait via ThemeProvider ou en utilisant props.theme on tout composant .
Vous pouvez voir une démo ici
Il prend également en charge les scripts dactylographiés grâce aux contributeurs.