do you need to cancel set timeout in recat usestate hok

codrzch answered on July 29, 2022 Popularity 1/10 Helpfulness 1/10

answer do you need to cancel set timeout in recat usestate hok

do you need to cancel set timeout in recat usestate hok

Comment

import { useState, useEffect } from "react";
import copy from "copy-to-clipboard";

export const useClipboard = () => {
    const innerText = “Copy to clipboard”;

    const [labelText, setLabelText] = useState(innerText);

    useEffect(() => {
        const timer = setTimeout(() => setLabelText(initialInnerText), 2000);
        return () => clearTimeout(timer);
    }, [labelText]);

    const handleCopy = (text: string) => {
        copy(text);
        setLabelText("Copied!");
    };

    return {labelText, handleCopy};
};

Popularity 1/10 Helpfulness 1/10 Language css

Source: www.alexhughes.dev

Tags: cleartimeout css return set this timeout use-effect use-state when

Link to this answer
Share Copy Link