[React] JSX 기본문법 : 변수넣기, 스타일넣기

자바스크립트랑 리엑트를 같이 쓰면 문법 때문에 헷갈릴 경우가 있어 정리하고 보기 위해 작성한다.

 

 

 

변수 넣을땐 중괄호 💜

JSX 문법 : 변수를 넣을땐 {중괄호}

function App() {
let  post = ' 혜루 ' }

return (
<div>
  <h4> { post } </ h4>
</div> )

결과 값 : 혜루 

 

 

 

스타일 넣을땐 {{ 스타일명 : '값'}} 💜

JSX 문법 : 스타일을 넣을때는 {{ 스타일명 : ' 값 ' }}
<div>
  <h4 style={{ color : 'red' }}> { post } </ h4>
</div> 
)