React에서 컴포넌트의 상태란?

React에서 컴포넌트의 상태(state)는 컴포넌트에서 관리되는 데이터로, 사용자 인터페이스에 영향을 미칩니다. 상태가 변경되면 컴포넌트가 다시 렌더링되어 UI가 업데이트됩니다. 다음 중 React에서 상태를 정의하고 사용하는 올바른 방법은 무엇인가요?

여기서 `useState` 훅을 활용하여 `count`의 상태를 정의하고 있습니다.

JSX

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  );
}

답변

상태는 업데이트가 불가능한 상수이다. 상태는 오직 클래스 컴포넌트에서만 사용할 수 있다. 상태는 컴포넌트 외부에서 정의해야 한다. 상태는 useState 훅을 통해 정의할 수 있다.

로그인 후 제출하기