Skip to main content

LoadingView()

LoadingView 컴포넌트는 로딩 상태를 처리하여 로딩 중일 때는 fallback을, 로딩이 완료되었을 때는 children을 렌더링합니다.

Signature​

LoadingView: ({
  children,
  isLoading,
  fallback
}: LoadingViewProps) => react_jsx_runtime.JSX.Element

Parameters​

Parameter

Type

Description

{ children, isLoading, fallback}

LoadingViewProps

Returns​

react_jsx_runtime.JSX.Element

조건에 따라 children 또는 fallback을 렌더링합니다.

Example​

import LoadingView from './components/StateViews/LoadingView';

const MyComponent = ({ isLoading }) => (
  <LoadingView isLoading={isLoading} fallback={<div>로딩 중...</div>}>
    <div>로딩이 완료되었습니다.</div>
  </LoadingView>
);