风格元件和反应自举？

Question

有没有办法将styled-components与react-bootstrap一起使用？ react-bootstrap公开bsClass属性而不是className，因为它们的组件似乎与样式组件不兼容。

任何经验？

Answer 1

您可以从引导中扩展保持组件原始样式的样式。您可以找到更多有关使用第三方库的文档，例如使用样式组件here的反应引导程序。

const StyledButton = styled(Button)` 
    color: palevioletred; 
    font-size: 1em; 
    margin: 1em; 
    padding: 0.25em 1em; 
    border: 2px solid palevioletred; 
    border-radius: 3px; 
`; 

这里是一个沙箱供参考：https://codesandbox.io/s/2vpm40qk90