渲染时暂停的 React 组件，但未指定回退 UI

Question

我刚刚开始研究这个新的 React 应用程序。

它在组件中使用 <Suspense /> 元素，但我将其删除。然后应用程序因上述错误而崩溃。

如果对 <Suspense /> 了解太多，是否有任何简单的解决方法？

原文由 Ishan Patel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

为了在不放回 Suspense 的情况下解决此问题，您需要摆脱 React.lazy 的用法。

原文由 Ryan Cogswell 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您有 2 个选择：

1. 在不使用 suspense 的情况下，您可以像这样配置 i18n.js：

    i18n
     .use(XHR)
     .use(LanguageDetector)
     .init({
       react: {
         useSuspense: false //   <---- this will do the magic
       }
   });

1. 使用悬念，例如：

    <Suspense fallback={<div>Loading... </div>}>
         <App />
   </Suspense>

原文由 Guy Engel 发布，翻译遵循 CC BY-SA 4.0 许可协议