React countdown timer

Countdown in react js

import React from 'react'
import { useState, useEffect } from 'react';

const Timer = (props:any) => {
    const {initialMinute = 0,initialSeconds = 0} = props;
    const [ minutes, setMinutes ] = useState(initialMinute);
    const [seconds, setSeconds ] =  useState(initialSeconds);
    useEffect(()=>{
    let myInterval = setInterval(() => {
            if (seconds > 0) {
                setSeconds(seconds - 1);
            }
            if (seconds === 0) {
                if (minutes === 0) {
                    clearInterval(myInterval)
                } else {
                    setMinutes(minutes - 1);
                    setSeconds(59);
                }
            } 
        }, 1000)
        return ()=> {
            clearInterval(myInterval);
          };
    });

    return (
        <div>
        { minutes === 0 && seconds === 0
            ? null
            : <h1> {minutes}:{seconds < 10 ?  `0${seconds}` : seconds}</h1> 
        }
        </div>
    )
}

export default Timer;

Source: stackoverflow.com

React countdown timer

npm install react-countdown --save

-1

Source: npmjs.com

Similar codes

0 vote327 views1 answer
React get current date minus 7 days
Javascript React
1 vote279 views1 answer
React native cannot make request on localhost
Javascript React
40 votes324 views4 answers
What does useref do react
Javascript React
65 votes297 views6 answers
React routing
Javascript React
0 vote326 views1 answer
React native charts style gradiant
Javascript React
0 vote324 views1 answer
How to solve Error: EPERM: operation not permitted, mkdir 'C:\Users\SKY' while downoad react
Javascript React
0 vote328 views1 answer
Reactjs limit text display 20 200 characters
Javascript React
13 votes346 views1 answer
React making post request
Javascript React
2 votes328 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
1 vote328 views1 answer
React native modal not full screen
Javascript React