React의 state와 props 차이

React에서 컴포넌트의 데이터 관리에 대해 질문합니다. 다음 코드 조각을 고려해 보세요:

이 코드에서 `count`는 상태(state)로 관리되고 있으며, `Counter` 컴포넌트에서 직접 사용되고 있습니다. 이제 props와 state의 차이에 대해 생각해 보세요. 다음 중 state와 props의 주요 차이점에 해당하는 것은 무엇인가요?

JSX

function Counter() {
  const [count, setCount] = useState(0);
  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

function App() {
  return <Counter />;
}

답변

State는 컴포넌트 내부에서 관리된다. State는 부모 컴포넌트에서 전달된다. Props는 컴포넌트 내부에서 수정 가능하다. Props는 컴포넌트의 생명주기와 무관하다.

로그인 후 제출하기