useState auto update - Timer practice
Wed Jun 21 2023 11:51:26 GMT+0000 (Coordinated Universal Time)
Saved by
@sarfraz_sheth
#react.js
import React, { useState } from "react";
var ReactDOM = require("react-dom");
import Form from "./Form";
var isLoggedIn = false;
const NEWDATE = new Date();
const nowDate = NEWDATE.toLocaleTimeString();
function App() {
setInterval(getTime,1000);
const [time, nextTime] = useState(nowDate);
function getTime() {
console.log("clicked");
console.log(new Date().toLocaleTimeString())
return nextTime(new Date().toLocaleTimeString());
}
return (
<div className="container">
{isLoggedIn === true ? <h1>Hello Men</h1> : <Form />}
<h1 className="timer">{time}</h1>
<button className="timer" onClick={getTime}>
Get Time
</button>
</div>
);
}
export default App;
content_copyCOPY
se utilia la funciion useState y sus parametros o guidelines para lograr actualizar y tener cosas dinamicas en la web.
Comments