Note

useState Hook에서는 컴포넌트 안에서 상태를 관리할 수 있도록 하기 위해 useState 라는 API를 제공합니다. useState는 상태 값과 상태를 업데이트할 수 있는 함수 쌍을 반환합니다. 예시 코드는 다음과 같습니다. useState 예시 import React, {useState} from "react" const HookUseState = (props) => { // count 라는 상태를 만들고, 0을 초기값으로 사용합니다. const [count, setCount] = useState(0); const handleButtonClick = () => { // 카운트 값을 1 증가하여 상태를 업데이트합니다. setCount(count + 1) }; return ( 클릭 수: {coun..

1. 개요 state는 컴포넌트의 내부에서 컴포넌트의 상태를 저장하는 값입니다. props는 부모에서 전달해서 읽기전용으로 사용하는 변수라면 state는 컴포넌트 내부에서 읽기 뿐만 아니라 수정을 할 수 있습니다. 2. 초기화 컴포넌트에서 state를 초기화 하는 방법은 2가지가 있습니다. 첫 번째는 필드(?)에서 선언하는 방법이고, 두 번째는 생성자(constructor)에서 선언하는 방법입니다. import React from "react"; class StateCheckClassComponent extends React.Component { state = { checked: false }; render() { return ( checkbox ) } } export default StateCheckC..