Styled-componentsで背景画像を使う際のメモ

背景

Propsを受け取って背景画像をするときに
どうすんだ！？と思い調べていると
ついつい毎回覚えないのでメモ

結論

//typescriptバージョン

interface IBgImageProps {
    bgImage?: string;
}



const Content = styled.div<IBgImageProps>`
    background-image: url(${props => props.bgImage});
`;


//通常


const Content = styled.div`
    background-image: url(${props => props.bgImage});
`;


//jsx側

import {bg} from "assets/image";

<StyledBg bgImage={bg}>
　　テキストテキスト
<StyledBg>

まとめ

色々とできるが
ついつい忘れがち。。。

とはいえ
色々とできるので、忘れそうになったらメモしていこう