Category: React

I have studied about React

React 에서 useState 이란?

React 에서 useState 은 훅(Hook) 에 하나다. 함수 컴포넌트에 상태를 추가하기 위한 훅이다.

useState

useState 의 기본 문법
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import React, { useState } from 'react';
 
function ExampleComponent() {
  // Declare a state variable and a function to update it
  const [count, setCount] = useState(0);
 
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}
 
export default ExampleComponent;

키 포인트

  1. 초기값(Initialization): useState(initialValue) 은 상태의 초기값을 가진다.
  2. 상태 변수(State Variable): 배열의 첫번째 요소는 현재 상태 값이다.
  3. 업데이터 함수(Updater Function): 배열의 두번째 요소는 상태를 업데이트 하기 위한 함수다.

또 다른 키 포인트는 useState 가 배열로 값을 리턴한다.

Continue reading →