SetInterval 未获取最新的道具值

Question

我有一个反应组件，我们 isAlive作为一个道具传递给它，它具有false来自父组件的初始值，我不确定setInterval这个console.log人是否还活着。当道具更新时，最新值不会反映在运行时设置的间隔中，它始终保留原始值，即false.const printUserStatus = ({isAlive}) =>{    setInterval(() => {        if(isAlive === false){             console.log("the user is Dead");        }        else if(isAlive === true){             console.log("the user is Alive");        }     },1000);}更新：感谢mahdi方法，通过以下方式解决了它 -const printUserStatus = ({isAlive}) =>{    const isAliveRef = useRef(isAlive);    isAliveRef.current = isAlive;    setInterval(() => {        if(isAliveRef.current === false){             console.log("the user is Dead");        }        else if(isAliveRef.current === true){             console.log("the user is Alive");        }     },1000);}

Answer 1

如果您有意从某个异步回调中读取最新状态，则可以将其保存在 ref 中，对其进行变异并从中读取。

查看React 文档。

基本上你看到的值是isAlive函数第一次被调用时的值。

Answer 2

检查这个 6 岁的答案关于如何 setInterval工作

https://stackoverflow.com/a/19123476/13647574

使用类似的东西useRef()来避免这种情况