有没有react 技术大牛?解答一下我在开发遇到的一个问题

我在demo方法里setFileUrl了这个链接地址,我知道setFunc是异步执行的,所以延迟调用图2的方法,但是我无论延迟多久,第一次进入页面执行图2函数时,依旧是undefined,我现在方案只能是通过三元运算符来暴力解决,我还是没弄懂其中的原理
为什么延迟后还是undefined,是闭包的问题?

debug堆栈跟踪一下不就知道咋回事了吗

闭包了，ref去保存这个url，settimout里面使用ref的current取值

闭包了，settimeout的入参是一个匿名函数，执行settimeout的时候这个匿名函数的上下文中的fileUrl还是个undefined，然后等了一会，fileUrl更新了，导致demo和handleOnClick函数也更新了，但之前执行的settimeout中的匿名函数是不会更新的，所以fileUrl就一直是空的。
react提倡的是数据驱动状态，你用useState的话，配合其他hook函数可以解决这个问题。
更好的是给handleOnClick加一个参数，直接把url传进来，就不要用useState了，或者用useRef也行

react 的state，被叫做不可变数据，set后的值是新的值。而我猜你这个函数里的值不管set多少次，里面的fileurl一直都是一开始那个。

官网有讲的
https://zh-hans.react.dev/reference/react/useState#ive-updated-the-state-but-logging-gives-me-the-old-value

我不会

不是你这么玩的。应该用useeffect监听

handleOnClick 用usecallback包一下，依赖是fileUrl

useeffect监听，loader/action触发都可以

lz需要了解一下纯函数

其实这不是闭包得原因，react更新机制，这是react的基础啊，合成事件中批量异步更新，这里的异步不是callback那种，而是react提高性能的一种延迟更新的手段。类似vue中的nexttick，你想他同步，有很多种办法，外面保存一份引用，或者放在定时器里，或者直接返回一个update函数，都可以

vue是不是就不会出现这种现象了

可以用useEffect执行下面的函数，把fileurl作为依赖项

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

17回复贴，共1页

<<返回前端吧

分享到:

日	一	二	三	四	五	六