React 상태 관리 방법은?

React에서 컴포넌트 간의 상태를 관리할 때 사용할 수 있는 방법들에 대해 설명합니다. 예를 들어, 다음과 같은 컴포넌트가 있을 때, 상태를 효과적으로 관리하기 위해 어떤 방법을 선택해야 할까요?

위와 같은 상황에서 상태 관리를 위해 적합한 방법은 무엇일까요?

JAVASCRIPT

import React, { useState } from 'react';

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

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

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

답변

useContext 사용 Redux 사용 useEffect 사용 props drilling 사용

로그인 후 제출하기