리액트 데이터바인딩이란? state 사용이유?

뿌이·2022년 4월 14일
0

react 15버전

목록 보기
5/17

데이터바인딩이란

데이터를 html에 꽂아 넣는 것을 말한다.
데이터를 어디선가 받아와서 그 데이터를 html로 보여주는 것.

데이터 바인딩 쉽게 하는 법

src, id, href 등의 속성에도 {변수명, 함수 등} 사용 가능

리액트에서 style 적용방법

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

이런식으로 써야함

state에 데이터를 저장해놓는 이유

리액트에서 state는 변경되면 html이 새로고침 없이 자동으로 재랜더링 된다.
그래서 자주 변경되는 중요한 데이터값은 변수 말고 state로 하는것이 좋다.

profile
기록이 쌓이면 지식이 된다.

0개의 댓글