呈现时React组件挂起,但未指定回退UI

您有两种选择:

1. 在不使用悬念的情况下,您可以如下配置i18n.js:

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

2. 使用悬念,例如:

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

为了解决这个问题 Suspense 回到家里,你需要摆脱 React.lazy .

我知道这并不完全是@IshanPatel的问题,但是如果您在函数中直接使用像useTransation()这样的钩子,则会导致此错误消息。解决方案是将代码简单地移动到一个单独的函数中,并将钩子放在那里(参见屏幕截图)。

fallback 支持 Suspense 组件-没有它就无法工作。