我想在給定時間在我的 react-app 上呈現一個組件,例如 2022 年 10 月 27 日下午 6 點。例如,從給定時間開始,將發布一個用于注冊的表單。這個時間戳將存盤在我的資料庫中,由 react-app 查詢。我如何在 React with JavaScript 中實作這一點?
我曾想過比較 Date() 物件。例如。獲取當前時間并將其與從 firebase firestore 查詢的轉換為 Date() 的時間戳進行比較。但是,我不確定如何使用 UseEffect 連續更新當前時間以進行比較。這種方法正確嗎?如果沒有,我將不勝感激一些建議。
uj5u.com熱心網友回復:
將當前時間與存盤的時間戳進行比較,并使用差異設定
uj5u.com熱心網友回復:
如果您的意圖是在不重繪 頁面的情況下呈現組件,那么您可以使用間隔useEffect來達到以下效果
const [visible, setVisible] = useState(false);
useEffect(() => {
const interval = setInterval(() => {
if (new Date() > serverDate) {
setVisible(true);
}
}, 10000);
return () => clearInterval(interval);
}, []);
更改10000為您要檢查的任何間隔。
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/524922.html
