TypeScript – What data type is for setTimeout() and how to use setTimeout() in React

TypeScript

TypeScript is JavaScript with syntax for types. TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.

React lets you build user interfaces out of individual pieces called components. Create your own React components like Thumbnail, LikeButton, and Video. Then combine them into entire screens, pages, and apps.

Solution #1

React example:

    useEffect(() => {

        let timer!: ReturnType<typeof setTimeout>;

        timer = setTimeout(() => {
           ...
        }, 3000);

        return () => {
            if (timer) {
                clearTimeout(timer);
            }
        };
    });

Solution #2

React example:

    useEffect(() => {

        let timer!: NodeJS.Timeout;
        
        timer = setTimeout(() => {
           ...
        }, 3000);
        
        return () => {
            if (timer) {
                clearTimeout(timer);
            }
        };
    });
https://www.mldgroup.com

Vyštudovaný top manažér pôsobiaci najmä ako manažér, marketér, softvérový inžinier, konzultant, bloger, YouTuber a zatiaľ neúspešný hudobník a producent. V rámci praxe pôsobil v rôznych odvetviach na rôznych pozíciách v malých aj veľkých firmách, vrátane spoluprác a partnerstiev s významnými firmami či poradenskými spoločnosťami.

Pridaj komentár

Vaša e-mailová adresa nebude zverejnená. Vyžadované polia sú označené *