React에서 상태 관리 방법은?

React 애플리케이션에서 컴포넌트의 상태를 관리하는 방법은 여러 가지가 있습니다. 상태는 컴포넌트의 동작과 UI에 중요한 역할을 하며, 이를 적절히 관리해야 합니다. 예를 들어, 초기 상태를 설정하고 이를 업데이트하는 방법에 대해 질문해 보겠습니다.

다음은 상태를 관리하기 위한 여러 방법 중 일부입니다:

이와 같은 코드에서 상태를 관리하기 위해 어떤 방법이 올바른가요?

JAVASCRIPT

import React, { useState } from 'react';

const MyComponent = () => {
  const [count, setCount] = useState(0);

  const increment = () => {
    setCount(count + 1);
  };

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={increment}>Increment</button>
    </div>
  );
};

답변

useState를 사용하여 상태를 관리한다. useEffect를 사용하여 상태를 관리한다. Redux를 사용하여 상태를 관리한다. Context API를 사용하여 상태를 관리한다.

로그인 후 제출하기