Skip to main content

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.

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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>
  );
  };

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.

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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>
  );
  };

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>
  );
  };
se eliminaron 2 caracteres en el cuerpo
Origen Enlace
Tucu
  • 1
  • 1

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.

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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>
  );
  };

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.

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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>
  );
  };

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.

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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>
  );
  };
se añadieron 1195 caracteres en el cuerpo
Origen Enlace
Tucu
  • 1
  • 1

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.

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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>
  );
  };

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

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.

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

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>
  );
  };
Origen Enlace
Tucu
  • 1
  • 1
Loading