리액트 기본문법 3가지

박지윤·2024년 2월 14일
post-thumbnail

JSX문법 1. html을 class에 넣을때는 className
JSX문법 2. 변수를 html에 꽂을때는 {중괄호}
JSX문법 3. html에 style속성을 줄때는 style={}안에서도 {} 자료형으로 입력해야한다.
또한 이때 font-size와 같은 대쉬기호는 사용이 불가능하며 붙여쓸때 앞글자는 대문자를 이용한다..

function App() {

let post = '강남 우동 맛집';

return (

<div className="App">
  <div className="blck-nav">
    <h4 style={ {color:'red', fontSize:'16px'} }>블로그</h4>
  </div>
  <h4>{post}</h4>
</div>

);
}

0개의 댓글