/Javascript/React/Dispay react component after some time

Dispay react component after some time

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;

Source: stackoverflow.com

Dispay react component after some time

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

Source: stackoverflow.com

Similar codes

0 vote145 views2 answers
A function whose declared type is neither 'void' nor 'any' must return a value.
Javascript React
0 vote195 views1 answer
Discord.js TypeError: Reactedmsg.delete message using id
Javascript React
15 votes223 views6 answers
Form in react
Javascript React
1 vote188 views1 answer
Npx: Create react chrome extension
Javascript React
0 vote196 views1 answer
React axios get cookie from response
Javascript React
0 vote379 views1 answer
React native multiple touchableopacity
Javascript React
2 votes189 views1 answer
Redux React redux
Javascript React
0 vote200 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
0 vote260 views5 answers
How to use paystack with react
Javascript React
0 vote192 views1 answer
Burger menu bulma React
Javascript React