“disiserkan komponen bereaksi setelah beberapa waktu” Kode Jawaban

disiserkan komponen bereaksi setelah beberapa waktu

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

disiserkan komponen bereaksi setelah beberapa waktu

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

Jawaban yang mirip dengan “disiserkan komponen bereaksi setelah beberapa waktu”

Pertanyaan yang mirip dengan “disiserkan komponen bereaksi setelah beberapa waktu”

Lebih banyak jawaban terkait untuk “disiserkan komponen bereaksi setelah beberapa waktu” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya