需求:
countdown改变,更新CountDown组件
解决方案:
通过countDownVisible控制组件是否加载,countdown改变时,修改countDownVisible的状态,异步再将countDownVisible状态改回去,实现强制更新CountDown组件的效果
const [countDownVisible, setCountDownVisible] = useState(true)
useEffect(() => {
setCountDownVisible(false)
setTimeout(() => {
setCountDownVisible(true)
})
}, [countdown])
{countDownVisible && (
<CountDown num={countdown} currentTime={currentTime} setUpdateCount={setUpdateCount} />
)}