ReferenceError：在React钩子中初始化之前无法访问'x'

Question

我在React的一段代码上遇到了麻烦。

我创建了一个gh repo来再现错误：https://github.com/AnatoleLucet/next-issue

我试图做一个获取一些本地数据的钩子（在我的真实应用中，这是一个翻译系统，但您明白了）。问题是，我在名为data/myData.ts的函数中传递数据的每个“部分”（请参见data/index.ts和formatData），该函数与我的钩子（{{ 1}}）。然后，当我在组件中使用挂钩时（请参见hooks/myHook.ts），我将收到以下错误：

我不明白为什么浏览器（或webpack？）没有在正确的时间初始化pages/index.tsx ...

我正在使用Nextjs，但我认为这与问题无关，尽管我没有尝试过“香草” React项目。

作为临时解决方案，我可以将formatData移至另一个文件，例如formatData。

Answer 1

您具有循环依赖项。

从hooks/myHook.ts导入
• data/index.ts
从data/index.ts导入
• data/myData.ts
从data/myData.ts导入
• hooks/myHook.ts