React Lazy并延迟组件的负载以使其处于悬念状态

Question

我想尝试Suspense和Lazy。 为此，我在考虑将组件的加载延迟一定的时间，但是我做不到。

我正在做的是在componenDidMount（）上使用setTimeout（），然后更新状态并返回该状态。但是，这不符合我的预期。

有人能帮助我使用Lazy来延迟组件的加载，而无需使用浏览器工具来陷入Suspense后备状态吗？

Answer 1

如果我对您的问题理解正确，那么类似的方法应该对您有用：

const Component = React.lazy(async () => {
  await new Promise(resolve => setTimeout(resolve, YOUR_DELAY));
  return import('./Component');
});