[REACT] state

컴포넌트에서 동적인 값.
(함수 = useState)

 

⚛️ 셋팅

1) import {useState} from 'react';

2) const [state,setState] = useState()

 

⚛️ useState() 설명

 

state 함수는 array를 반환한다. 

- const [초기값을 담고있는 state 변수 , 초기값을 업데이트 해주는 set함수] = useState(초기값)

 

⚛️ state 변경 방법

setState(변경하고자 하는 값)

 

⚛️ state, 이것만은 꼭 기억하자!

 

1. state의 값은 업데이트가 되는데 한박자가 늦다. (한박자 이전의 값이다.)

실행해야 하는 모든 값을 모은다.

순서대로 실행된다.

함수가 끝날 때 까지 기다렸다가 처리한다.

= 비동기적이다

 

2. state 값이 업데이트 되면 일반적으로 선언된 변수의 값은 초기화된다.

state값이 업데이트 할때마다 컴포넌트가(ex function App..) 다시 실행되고, 새로운 값으로 업데이트가 된다.

 

 

+ 📝

useState는 '리엑트 훅(React Hooks)' 

React에 내장된 함수.

(리액트가 '나를 좀 더 편하게 사용해~!' 라고 만든 함수)