“DUSPAY -Reaktionskomponente nach einiger Zeit” Code-Antworten

DUSPAY -Reaktionskomponente nach einiger Zeit

import React, { useState, useEffect } from 'react';

type Props = {
  children: React.ReactElement;
  waitBeforeShow?: number;
};

const Delayed = ({ children, waitBeforeShow = 500 }: Props) => {
  const [isShown, setIsShown] = useState(false);

  useEffect(() => {
    console.log(waitBeforeShow);
    setTimeout(() => {
      setIsShown(true);
    }, waitBeforeShow);
  }, [waitBeforeShow]);

  return isShown ? children : null;
};

export default Delayed;
S4N705H

DUSPAY -Reaktionskomponente nach einiger Zeit

export function LoadingScreen = ({ children }: Props) => {
  return (
    <Delayed>
      <div />
    </Delayed>
  );
};
S4N705H

Ähnliche Antworten wie “DUSPAY -Reaktionskomponente nach einiger Zeit”

Fragen ähnlich wie “DUSPAY -Reaktionskomponente nach einiger Zeit”

Weitere verwandte Antworten zu “DUSPAY -Reaktionskomponente nach einiger Zeit” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen