風格元件和反應自舉？

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