La idea del componente funcional es que cada un segundo se actualice la 'fecha' y la 'edad', la edad se actualiza bien, pero no consigo que la fecha se actualice.
const ClockFunction = () => {
const defaultState = {
fecha: new Date(),
edad: 0,
nombre: "Juan",
apellidos: "Martinez",
};
const updateUser = () => {
return setUser({
fecha: user.fecha,
edad: user.edad + 1,
nombre: user.nombre,
apellidos: user.apellidos,
});
};
const [user, setUser] = useState(defaultState);
useEffect(() => {
const intervalAge = setInterval(() => {
updateUser();
}, 1000);
return () => {
clearInterval(intervalAge);
};
});
return (
<div>
<h2>
Hora Actual:
{user.fecha.toLocaleTimeString()}
</h2>
<h3>
{user.nombre} {user.apellidos}
</h3>
<h1>Edad: {user.edad}</h1>
</div>
);
};