목록조건부스타일 (1)

프론트엔드 첫걸음

조건부 스타일 설정

isValid는 setState로 설정한 state 변수이다. state 에 따라서 style을 다르게 적용시키려고 할 때 인라인 방식으로 스타일을 설정하거나 class로 설정할 수 있다. isValid = true 일 때 줄 스타일 invalid 설정 /*form-control과 invalid 클래스가 동시에 있을 때 .form-control.invalid 내부의 input 스타일 form-control과 invalid 사이에 띄어쓰기가 없음*/ .form-control.invalid input { border-color: red; background: #ffd7d7; } .form-control.invalid label { color: red; } 1. 동적인 인라인 스타일 설정 Course Goal..
개발 공부/React 2022. 7. 20. 17:12
이전 Prev 1 Next 다음