props.loadingStatus.state(來自服務器的值)(值可以是 Not Started、Running、Completed),這取決于 loadingstatus 的值,即如果正在運行,則顯示進度條 如果狀態 == 完成速度快于 500 毫秒,則使進度條可見 500 毫秒。
當前結果:我能夠看到加載欄,但即使在 500 毫秒后它仍然可見。我不確定我的邏輯哪里出錯了。
const App =() => {
const [LoadStat, setLoadStat] = React.useState(props.loadingStatus.state);
React.useEffect(() => {
setTimeout(() => {
if (LoadStat === Running) {
setLoadStat(props.loadingStatus.state);
}
}, 500);
}, []);
return (
<>
{LoadStat && (
<ProgressBar
minValue={0}
maxValue={100}
progress={percentage}
/>
)}
</>
);
}
}
uj5u.com熱心網友回復:
React.useEffect(() => {
if (LoadStat === Running) {
setLoadStat(props.loadingStatus.state);
}
else{
setTimeout(() => {
// hide the progressBar
}, 500);
}
}, []);
我不知道這是否回答了您的問題,但這是我從您的請求中得到的。有了這個,progressBar 將在每次 loadStatus 更改時更新,但會在終止后 500 毫秒消失。
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/329676.html
標籤:javascript 反应 设置超时
