Print Current Date Time in Typescript React
index.tsx
import React from "react";
import ReactDOM from "react-dom";
import Clock from "./Clock";
let container = document.getElementById("root");
ReactDOM.render(
<div>
<Clock></Clock>
</div>, container);
-----------------------------------------------------------------------------
Clock.tsx
import React from "react";
export default class Clock extends React.Component{
state={date:new Date().toString()}
componentDidMount(){
this.context=setInterval(()=>{
this.setState({date:new Date().toString()});
},1000);
}
render(){
return(
<div>
{this.state.date}
</div>
)
}
}
Output:

Comments
Post a Comment