0
141
Views¿Cómo puedo agregar la fecha y hora completas en vivo al componente de encabezado en reaccionar?
Necesito agregar la fecha y hora completas en vivo en mis componentes de encabezado. ¡Por favor ayúdame con lo mismo!
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> </> ); } 
·
Juan Pablo Isaza
2 answers
Answer question0
Puede pasar el archivo de accesorios App.js y el archivo recibido en el archivo de encabezado y mostrar el resultado
·
Juan Pablo Isaza
Report
0
¡Prueba esto!
importar React, { useState , useEffect } de 'react'
exportar const DateTime = () => {
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> )}
exportar fecha y hora predeterminada
·
Juan Pablo Isaza
Report
Answer question