我需要在我的標題組件中添加完整的實時日期和時間。請幫助我！
export default function Header(props) {
return (
<>
<div className="containerbox">
<img
className="header-img"
src="https://images.unsplash.com/photo-1557683316-973673baf926?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1129&q=80"
alt="header-img"
></img>
<h2>To Do List</h2>
</div>
</>
);
}
uj5u.com熱心網友回復：
應用程式.js 檔案
頭檔案
您可以在 Header File 中傳遞 props App.js 檔案和接收檔案并顯示輸出
uj5u.com熱心網友回復：
試試這個！
匯入反應，{ useState ， useEffect } from 'react'
匯出常量日期時間 = () => {
var [date,setDate] = useState(new Date());
useEffect(() => {
var timer = setInterval(()=>setDate(new Date()), 1000 )
return function cleanup() {
clearInterval(timer)
}
});
return(
<div>
<p> Time : {date.toLocaleTimeString()}</p>
<p> Date : {date.toLocaleDateString()}</p>
</div>
)
}
匯出默認日期時間
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/421808.html
標籤：
上一篇：如何為我的網頁制作一個贊按鈕？