[React] - JSX 문법

JSX 문법 1. html에 class 넣을 땐 className

(class 키워드랑 겹쳐서 Name을 추가시킴)

 

JSX 문법 2. 변수를 html에 꽂아넣을 때는 {중괄호}

데이터 바인딩 하려면 {변수명} 작성하면된다.

const App = () => {
	const val = "val 값"
	return(
    	<div>
        	{val}
        </div>
    )
}

{val} = "val 값"이 출력된다

 

JSX 문법 3. html에 style속성 넣고싶으면

<div style={ {color : 'blue', fontSize : '30px'} }> 글씨 </div>

style은 중괄호 2개