[React.js] State

props와 더불어 리액트의 가장 중요한 두 개념인 state와 effect에 대해 공부하였다.

 

사실 props보다 state를 먼저 배웠지만 포스팅이 늦어졌다.

 

React.useState() 를 통해 생성이 가능하며 생성하는 변수에 첫번째 인자로는 사용할 값을, 두번째 인자로는 상태를 변경해줄 수 있는 함수가 전달된다.

 

import { useState } from "react";  <-- import를 먼저 한다.

 

const [dog, setDog] = useState("Dog!!!");

 

와 같이 const에 선언하여 사용이 가능하며, useState의 괄호 내의 값은 초기값을 의미한다.

 

값의 변경이 필요할때는 선언된 state(ex : dog) 에 직접적으로 값을 주지 않고

 

두번재로 전달된 인자인 함수를 통해 변경한다. (ex : setDog("Cat!!!"))