리액트 훅??? useState 초간단 설명

지난번 작성한 글에 있는 useState에 관해 진짜 초초 간단한 설명을 하려고 한다.

뭔가 머리를 댕하고 맞은듯한 느낌이랄까? 

결국엔 useState 는 변수를 저장해주는 저장 공간과도 같은것이다!

 

자바스크립트에서는 보통

let posts = '리액트가뭔데';

위처럼 변수를 선언해주고 그안에 값을 넣는 방식인데

그것과 동일하다고 생각하면된다. 

 

대신 아래 코드를 맨 상단에 꼭 추가 해줘야한다. (나 이 함수쓴다!라고 선언하는것)

import React, { useState } from 'react';

 

그리고

 

대신 중요한 한가지는 useState에는 [ a , b ]라는 공간이 있다.

이 공간은 a 는 타이틀고유값 , b 타이틀변경값 이라는 점이 특이한 점이다!

a라는 공간에 있는 고유값을 b 라는 타이틀이 한번에 싹 갈아 엎을수도 있다는 것이다.

예시는 아래코드 참고 👍

let [글쓰기,글쓰기변경] = useState('귤먹고싶다');

 

** 그리고 추가로

destructuring 문법이 뭔데? 하는 것은 새로나온 문법으로

ver [a, b] = [ 10 , 20 ]

이런식으로 a에는 10이라는 데이터를 저장하고

b에는 20이라는 데이터를 저장 할수있게 코드를 짠 형식이다.