スタイリッシュなコンポーネントとブートストラップ

Question

styled-componentsと一緒にreact-bootstrapを使用する方法はありますか？レスキューブートストラップは、classNameの代わりにbsClassプロパティをそのコンポーネントに公開します。これは、スタイル付きコンポーネントと互換性がないようです。

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