한 구성 요소에서 다른 구성 요소로 문서 ID를 전달하는 방법

Question

한 컴포넌트에서 문서를 생성했는데 해당 ID를 다른 컴포넌트에서 사용하고 싶습니다

다른 구성요소에서 문서 ID를 사용하는 방법

Answer 1

데이터를 전달하려는 깊이와 전달하려는 데이터 유형에 따라 여러 방법 중 하나를 사용할 수 있습니다.

소식을 하위 구성 요소에 전달: 이를 통해 상위 구성 요소의 데이터를 하위 구성 요소에 소품(속성이라고 생각)으로 전달할 수 있습니다. 그러나 여러 수준으로 "드릴"하면 관리하기 어려운 코드가 빠르게 발생할 수 있다는 점에 유의하세요.

진정한 전역 상태가 있고 몇 가지 더 깊은 수준으로 이동해야 하는 경우 프로퍼티 드릴링을 우회할 수 있는 React의 Context API와 같은 것을 사용할 수 있습니다. 그러나 너무 자주 변경되는 상태를 전달하면 성능에 영향을 줄 수 있습니다. 변경된 컨텍스트의 특정 부분을 사용하지 않더라도 컨텍스트를 구독하는 모든 구성 요소가 다시 렌더링되기 때문입니다.

더 높은 성능의 상태 관리를 위해 Zustand/Redux와 같은 라이브러리를 사용할 수 있습니다.

질문에 대한 자세한 배경 정보가 더 나은 조언을 제공하는 데 도움이 됩니다.