需求:
countdown改變,更新CountDown組件
解決方案:
通過(guò)countDownVisible控制組件是否加載早龟,countdown改變時(shí)惫霸,修改countDownVisible的狀態(tài),異步再將countDownVisible狀態(tài)改回去葱弟,實(shí)現(xiàn)強(qiáng)制更新CountDown組件的效果
const [countDownVisible, setCountDownVisible] = useState(true)
useEffect(() => {
setCountDownVisible(false)
setTimeout(() => {
setCountDownVisible(true)
})
}, [countdown])
{countDownVisible && (
<CountDown num={countdown} currentTime={currentTime} setUpdateCount={setUpdateCount} />
)}