기본적으로 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[]][];
   });
}