React 컨테이너 내 useEffect()에서 API 요청을 통해 로드된 변수 사용

Question

기본적으로 useEffect()에 API 요청이 있으므로 페이지가 로드되기 전에 모든 "노트북"을 로드하여 표시할 수 있습니다.

으아악

이 노트북 목록을 내 코드에서 태그에 사용할 수 있도록 어떻게 사용하나요?

저는 React 초보자라서 useEffect()에서 함수를 호출하는 것 외에는 별로 한 일이 없습니다.

업데이트: 요청에 따라 getAllNotebooks 핵심 함수, 해당 사용 사례 및 useEffect()에 의해 내부적으로 호출되는 함수는 다음과 같습니다.

withdraw_repository_http

으아악

get_all_notebooks_usecase

으아악

withdraw_provider

useEffect(() => {
   getIdToken().then((idToken) => {
        const data = getAllNotebooks(idToken);
        const jsonData = JSON.stringify(data, null, 2);
        notebooks = JSON.parse(jsonData) as [Notebook, Withdraw[]][];
   });
}

Answer 1

으아아아

도움이 되었길 바라며, 궁금한 점이 있으면 언제든지 답변해 주세요.