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