usesuspense1 Suspense 이해하기 react 공식문서를 보고 정리한 글입니다.Suspense란?자식 요소가 로드되기 전까지 화면에 대체 UI를 보여주는 것}> children: 궁극적으로 렌더링 하려는 실제 UI (위 코드에서는 SomeComponent)fallback: 실제 UI가 로드되기 전까지 대신 렌더링 되는 대체 UIReact node 형식은 무엇이든 대체 UI로 활용가능하나, 보통 로딩 스피너나 스켈레톤처럼 간단한 placeholder를 활용한다. Suspense는 children의 렌더링이 지연되면 자동으로 fallback으로 전환하고, 데이터가 준비되면 children으로 다시 전환한다.fallback의 렌더링이 지연되면, 가장 가까운 부모 Suspense가 활성화된다.React가 특정 컴포넌트를 마운트하기 전에, 비.. 2024. 10. 8. 이전 1 다음
