반응형
template literal 이라고 하는 백틱 기호를 사용하자
<div className={`form-control ${!isValid ? 'invalid' : ''}`}>
<label>Course Goal</label>
<input
type="text" onChange={goalInputChangeHandler} />
</div>스타일을 더 동적으로 꾸밀 수 있게 되었다
반응형
'온라인 강의 > React 완벽 가이드 [Udemy]' 카테고리의 다른 글
| 87. Styled Components & 동적 Props (0) | 2023.06.06 |
|---|---|
| 86. Styled Components 소개 (1) | 2023.06.06 |
| 84. 동적 인라인 스타일 설정하기 (0) | 2023.06.05 |
| 83. 모듈 소개 [섹션 6: 리액트 컴포넌트 스타일링] (0) | 2023.06.05 |
| 82. 모듈 리소스 (0) | 2023.06.05 |