javascript - 无法获取函数中 Usestate 的值

Question

我想让光标在...中闪烁

我编写了这段代码，但我无法理解为什么它不起作用。

const [cursor,setCursor]=useState<string>("");

function blink(){

    if(cursor == '|'){
        setCursor("")
    }
    else{
        setCursor("|")
    }
    setTimeout(function(){ blink()}, 1000);
}


useEffect(() => {
    blink();
   }, []);


    return (
        <div>
            <span>{text}</span><span>{cursor}</span>
        </div>
    );
};

提前致谢:)

Answer 1

function blink(){
    if(cursor == '|'){
        setCursor("")
    }
    else{
        setCursor("|")
    }
}

useEffect(() => {
    setTimeout(blink, 1000); // <- move setTimeout to here
}, [cursor]);  // <- and you need to pass cursor as a dep