여러 하위 구성 요소를 사용할 때 상태 관리

Question

저는 반응 전문가가 아닙니다. 내 문제 설명은

• 특정 기능을 달성하기 위해 여러 하위 구성 요소를 순차적으로 렌더링하는 기본 구성 요소가 있습니다
• 이제 메인 컴포넌트를 저장할 때 자식 컴포넌트의 정보도 함께 저장하고 싶습니다.

이 문제를 해결하는 올바른 방법은 무엇입니까?

1. 하위 구성 요소의 상태를 반환하는 하위 구성 요소의 콜백을 사용하시겠습니까?
2. redux store/useContext 후크? 다른 건 없나요?

조언을 받아보시면 좋을 것 같습니다. 미리 감사드립니다

Answer 1

일반적으로 이 작업은 "상태 올리기"를 통해 수행되므로 한 가지 해결책은 기본 구성 요소의 모든 상태(하위 구성 요소 상태 포함)를 관리하고 저장을 트리거하는 소품 및 함수에 상태를 전달하는 것입니다.

이 일반적인 개념은 redux 저장소나 반응형 컨텍스트에서 상태를 의미 있는 개체로 "그룹화"하는 데에도 적용될 수 있습니다.

몇 가지 관련 질문:

• React js는 상위 구성 요소에서 하위 구성 요소의 상태를 변경합니다