--state 컴포넌트는 특정한 상태(state)를 가지며, props의 변경에 따라 자동으로 업데이트됩니다.
state를 변경하는 방법은 useState hook을 사용하여 state를 업데이트하는 것입니다.
useState hook을 사용할 때, 컴포넌트가 리렌더링되는 순서는 다음과 같습니다.
1. useState hook을 호출하여 state와 setState 함수를 생성합니다.
2. setState 함수를 호출하여 state를 업데이트합니다.
3. React가 컴포넌트를 리렌더링합니다.
--stateless 컴포넌트는 props의 변경에 따라 리렌더링되지 않습니다.
이유는 props가 변경되었을 때, 컴포넌트의 상태(state)가 변경되지 않기 때문입니다.
--state 컴포넌트를 사용해야 하는 상황은 다음과 같습니다.
1. 사용자 입력을 처리해야 하는 경우
2. 데이터를 업데이트해야 하는 경우
3. 컴포넌트의 상태(state)가 변경되는 경우
--stateless 컴포넌트를 사용해야 하는 상황은 다음과 같습니다.
1. props가 변경되지 않는 경우
2. 컴포넌트의 상태(state)가 변경되지 않는 경우
3. 성능 최적화를 위해 리렌더링을 최소화해야 하는 경우
따라서, 상황에 따라 적절한 컴포넌트를 선택하여 사용해야 합니다.
2025-05-30 19:24