blob: c0ff0fc060f9ecfea3916b3b1dd0c9d498d78eb9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
const { useState, useEffect } = require('react')
const DelayRender = ({ delay, children }) => {
const [showComponent, setShowComponent] = useState(false)
useEffect(() => {
const timeout = setTimeout(() => {
setShowComponent(true)
}, delay)
return () => clearTimeout(timeout)
}, [delay])
return showComponent && children
}
export default DelayRender
|