React_memo_1

Inline-style css

프로젝트에서 종종 inline 스타일로 css를 적용해야할 때가 있다.

한편, React에서는 inline 스타일로 css를 적용하는 방식이 조금 다르다.

일반적인 JavaScript에서는 다음과 같이 적용 시킨다.

style="background-color: url('https://someurl')" 

하지만 React는 다음과 같은 방식으로 inline-stlye을 적용시켜야한다.

style={{backgroundImage: `url('https://someurl')` }}

스타일의 적용 사항도 camel-case로 해야 하는 것이 포인트이다.

참고 사이트