[리액트] style-components 동적으로 변화주기

style-components 동적으로 변화주기

• 어떤 상태에 따라 style을 동적으로 변화주는 것은 기존 style속성, 또는 className으로 했었다.
• 하지만 style-components를 사용하는 상태에서 동적인 변화를 주려면 다음과 같이 할 수 있다.

• 일단 다음과 같이 FromControl이라는 styled.div를 만들어 스타일을 준다. 
• 위의 코드를 보면 알겠지만, 컴포넌트에서 props를 넘겨주는 것처럼 여기에도 props를 넘겨줄 수 있다.
• isValid라는 상태를 넘겨주고 이에 맞게 스타일을 준다.