react.js 공부 state #2

해당 내용은 유튜브 코딩애플님의 채널에서 공부하여 작성된 내용임을 밝힙니다.

 

React 에 내장함수를 사용할 때

import React, { useState } from 'recact';

= React에 있는 useState라는 내장함수를 사용하겠습니다.

 

ES6 destructuring 문법

var [a,b] = [10, 100];

a에는 10일 b에는 100을 넣겠다.

 

state

1.변수 대신 쓰는 데이터 저장공간

2.useState()를 이용해 만들어야함

 

state만들기 

useState("남자 코드 추천") 는 즉 [a,b]가 있다면 ["남자 코트 추천", 정정해줄 데이터]를 만드는 것이다.

 

state를 쓰는이유

웹이 app처럼 동작하게 만들고 싶어서(클릭해도 새로고침안되고 화면에서 이동)

HTML이 자동으로 재렌더링 됨 (즉, 새로고침 없이도 HTML에 랜더링됨) 

== HTML이 새로고침없이도 스무스하게 변경됨

== 자주 바뀌는, 중요한 데이터는 변수말고 statef로 저장해서 쓰도록하자