react에서 조건적으로 스타일을 제공하는 방법 (classNames)
보통 html에서 스타일을 적용하기 위한 class 추가는 다음과 같은 형식으로 사용한다. 리액트에서는 JSX문법을 사용함으로써, class 대신 className을 사용하여 클래스명을 지정해준다. return ; 여러개의 class를 사용할 때에도 그냥 나열하면 쉽다. return ; className는 react에서 조건부로 스타일이 필요한 경우 className에서 손쉽게 사용하도록 도와주는 모듈이다. https://www.npmjs.com/package/classnames classnames A simple utility for conditionally joining classNames together. Latest version: 2.3.1, last published: a year ago. S..
JavaScript/react
2022. 7. 25. 23:53
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- js
- react
- js테스트
- 리액트상태관리
- BFCache
- npm
- 리액트훅
- javascript
- 사파리
- Git
- 프론트엔드
- 크롬
- 리액트
- vue
- 김민태
- 센트리
- 모바일사파리
- 깃
- TIL
- storybookUI
- 프론트앤드
- sentry
- gitRebase
- frontend
- 깃명령어
- CSS
- 자바스크립트
- 센트리모니터링
- reacthook
- 리코일
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
글 보관함