[REACT JS] 기초 JSX문법 3개

JSX 문법 1 className

스타일을 주기위해서 js는 class명을 넣을때 class = " "라고넣는데,

리액트는 className = " "라고 해야합니다.

 

JSX 문법 2 변수를 넣을때 { }

밑에 h4태그에 변수값을 넣고싶다면,

post라는 변수를 만들고 { post } 이렇게 중괄호로 감싸주면 됩니다.

 

JSX 문법 3 스타일 속성넣기

스타일 속성을 넣고싶다면,

style = { } 안에 { } 자료형으로 넣어야 합니다.

{ 속성명 : "속성값" } 이런식으로 넣으면 됩니다!