Skip to main content

EmptyView()

EmptyView 컴포넌트는 데이터가 비어있는 경우 fallback을, 데이터가 존재하는 경우 children을 렌더링합니다.

Signature​

EmptyView: ({
  children,
  data,
  fallback
}: EmptyViewProps) => react_jsx_runtime.JSX.Element

Parameters​

Parameter

Type

Description

{ children, data, fallback}

EmptyViewProps

Returns​

react_jsx_runtime.JSX.Element

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

Example​

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

const MyComponent = ({ data }) => (
  <EmptyView data={data} fallback={<div>데이터가 없습니다.</div>}>
    <div>데이터가 존재합니다.</div>
  </EmptyView>
);