如何在 nextjs 打字稿中动态导入函数？答案

【问题标题】：How do i dynamically import a function in nextjs typescript?如何在 nextjs 打字稿中动态导入函数？
【发布时间】：2021-04-11 22:30:18
【问题描述】：

我正在使用一个名为 react-st-modal 的反应模态库，并且我正在尝试导入一个名为 useDialog 的钩子。我的代码不起作用，看起来像这样：

const Dialog = dynamic<Function>(
  import("react-st-modal").then(module => module.useDialog) as any)

Dialog 是一种类型，不能用作函数。我该怎么办

【问题讨论】：

【解决方案1】：

import 函数是异步的，返回一个Promise。只需使用Promise 泛型类型，如Promise<type>。

您的 var 将是返回 Promise 的函数。

【讨论】：