[CSS] styled-components로 background-image 사용

💅🏻 styled-components로 배경이미지 넣기

따로 오류가 발생하는 것은 아니라서 찾아보게 되었다.

예시

import styled from 'styled-components';
import img from '../img/img_name.jpg';

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

만약 동적으로 사용하고 싶다면,

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

참고

https://github.com/facebook/create-react-app/issues/3238