[React] 데이터 바인딩

리액트의 장점 데이터 바인딩이 쉽다

데이터 바인딩 : 서버에서 가져온 데이터를 변수에 넣고 사용하는 것

js의 경우 

document.getElementByID().innerHTML =' '? 
...
입력 할 것이 많음

react는 jsx

<h4> {변수명} </h4>       변수명만 입력하면됨

이미지 삽입

logo.svg 파일에 이미지를 넣어놓고 {변수명} 입력

import img from './logo.svg';

...

<img src={img} />

style 삽입

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

• style = {object 자료형으로 만든 스타일}

font-size (x) - 뺄셈으로 입력받음
fontSize (o)