如何解决等待fetchQuery-React Suspense
我有一个通过<Suspense />
渲染微调器的组件。安装此组件后,将通过fetchQuery
钩子触发useEffect
请求,如下所示:
const VisualComponent = () => {
...
const [foo,setFoo] = useState(null);
useEffect(() => {
const fetchFoo = async () => {
await getFoo().then((someBoolean) => {
if (someBoolean && someOtherCondition) {
setFoo(true);
}
});
}
fetchFoo();
});
return(<Suspense fallback={SomeLoader} />...</Suspense>)
};
和getFoo()
呼叫fetchQuery
:
const getFoo = async () => {
let result;
await fetchQuery(...)
.then((data) => {
result = data;
});
return result;
};
由于某种原因,挂起仅在通过getFoo
触发fetchFoo
时显示加载程序,并停止显示加载程序,而无需等待fetchFoo
完成。
如何让悬念等待fetchFoo
完成?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。