비동기 작업 요청 상태

request-async-task-status.tsx

const OrderList: React.FC<IProps> = props => {
  const [request, completeRequest] = React.useState(false);
  const [requestId, upddateRequestId] = React.useState(0);

  if (request && checkCompleteTask(props.asyncTasks, requestId)) {
    completeRequest(false);
  }

  React.useEffect(() => {
    const {
      payload: { id }
    } = props.createAsyncTask();

    completeRequest(true);
    upddateRequestId(id);

    setTimeout(() => {
      props.completeAsyncTask(id);
    }, 1000);
  }, []);

  return <OrderListComponent loading={request} {...props} />;
};