TIL - 220919 - study_React 복습

22.09.19 월요일

📝 state(상태)

계속해서 변화하는 특정 상태
ex) 다크모드

📝 배열 비구조화 할당

let array = [1, 2];
let one = array[0]; // 1
let two = array[1]; // 2

위 배열을 비구조화 할당해서 아래로 표현할 수 있다.

let array = [1, 2];
let [One, Two] = array;
console.log(one); // 1

📝 useState 사용하기

1.useState 선언 및 사용

import로 useState 선언
return값위에 코드 추가

import { useState } from 'react';

상태가 바뀌어질 변수 할당

  const [number, setNumber] = useState(1)

2. 함수 이벤트 처리

함수 만들기

 const increaseNumber = () => {
    setNumber(number + 1);
  };
// number에 1을 증가시키는 함수

버튼에 onClick 이벤트를 넣어준다.

<button onClick={increaseNumber}>+1</button>

• 감소 함수도 추가

  const decreseNumber = () => {
    setNumber(number - 1);
  };

<button onClick={decreseNumber}>-1</button>
  

---

💬 강사님 TIP!

도움될만한 함수

1. 클로저
2. 고차함수
3. 중첩함수