JSX 문법
1. html에 class 넣을 때는 className
JSX는 일종의 자바스크립트라서 자바스크립트에서 사용하는 예약어인 class라는 키워드를 사용할 수 없다. 그래서 class=" " 넣고 싶으면 className이라고 쓴다.
2. 변수를 html에 넣을 때는 {중괄호}
중괄호 안에 데이터바인딩하고 싶은 변수명만 담으면 된다.
*데이터바인딩: 변수에 있던걸 html에 꽂아넣는 작업
3. html에 style속성 넣고싶으면
<div style="color : blue">
{ 속성명 : '속성값' }
<div style={ {color : 'blue', fontSize : '30px'} }> 글씨 </div>
font-size 처럼 속성명에 대쉬기호를 쓸 수 없다.
대쉬기호 대신 모든 단어를 붙여써야한다.
붙여쓸 땐 앞글자를 대문자로 치환하여 카멜 케이스로 작성한다.
'React' 카테고리의 다른 글
| 리액트 JSX, State, 생명주기 메서드 (0) | 2022.06.16 |
|---|---|
| 순수함수 구분하기 (0) | 2022.06.16 |
| Events in React (0) | 2022.06.15 |
| React Router(react-router-dom) 라이브러리 설치 (0) | 2022.06.04 |
| REACT를 쓰는 이유 (0) | 2022.06.02 |