我可以在給定時間內更改 state，然后使用 settimeout 將其還原為原始 state

Question

我想將值設置為 true 一秒鍾，之后它將使用 settimeout 恢復為 false 但卡住了。 這是我的代碼：

const [value, setValue] = useState(false)
const handleClick = () => {
    setTimeout(() => {
        setValue(!value)
        console.log(value);
    },1000);
    console.log(value);
}

Answer 1

const [value, setValue] = useState(false);
const timeoutId = useRef(null);

const handleClick = () => {
    // clear existing timeout
    clearTimeout(timeoutId.current);
    // set the value to true
    setValue(true);
    // revert the value to false after 1s
    timeoutId.current = setTimeout(() => setValue(false), 1000);
}