【重学React】Hooks-useEffect钩子函数怎么结合异步函数

637 阅读1分钟

有的时候需要在 useEffect 里写异步函数,但是不能直接给 useEffect 的第一个参数添加async关键字。

image.png

原因是 useEffect 传递的第一个参数会返回一个函数在组件卸载之前做清理操作。如果添加了async,返回值就会变成一个promise,改变了原有的返回值类型。

image.png

如果在useEffect想使用异步函数,就要写一个自执行的函数,把该函数变成一个异步函数,在里面调用异步函数得到结果,如下。

image.png

但是我发现最近可以直接得到结果了,虽然代码报错。 image.png

image.png