如果组件已经在并发反应模式下挂起,是什么导致组件再次渲染?



我正在 react 文档中检查新的并发模式,遇到了这个例子。

<Suspense fallback={<h1>Loading profile...</h1>}>
<ProfileDetails />
</Suspense> 

在这里,如果我们尝试加载的数据尚未准备就绪,则组件将暂停。

function ProfileDetails() {
// Try to read user info, although it might not have loaded yet
const user = resource.user.read();
return <h1>{user.name}</h1>;
}

加载数据后,将呈现组件配置文件详细信息。

是什么原因导致配置文件详细信息组件在加载数据时重新呈现。React 是否在挂起状态下不断尝试渲染组件?完整的示例可以在链接中找到

编辑:由于抛出的承诺,组件首先被挂起,反应等待承诺被解析,一旦解决,组件就会被渲染。

由于抛出的 Promise,组件首先被挂起,反应等待承诺被解析,一旦解决,组件就会被渲染。

相关内容

  • 没有找到相关文章

最新更新