我如何在nextjs打字稿中动态导入一个函数?

时间:2021-04-11 22:30:18

标签: reactjs typescript next.js

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

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

Dialog 是一种类型,不能用作函数。我能做什么

1 个答案:

答案 0 :(得分:0)

package ph.edu.dlsu.esb; import java.util.HashMap; import java.util.Map; import org.apache.camel.Exchange; import org.apache.camel.Message; import org.apache.camel.Processor; import org.restlet.data.Header; import org.restlet.engine.header.HeaderConstants; import org.restlet.util.Series; public class CogProcessor implements Processor { @Override public void process(Exchange exchange) throws Exception { // TODO Auto-generated method stub Map<String, Object> headers = new HashMap<>(); Series<Header> customHeaders = new Series<Header>(Header.class); /* * The following line is a temporary mock up and NOT the final AUC token that * will be generated from CPT API */ customHeaders.add(new Header("AUC", "bla la bla yadda yadda")); headers.put(HeaderConstants.ATTRIBUTE_HEADERS, customHeaders); Message message = exchange.getMessage(); message.setHeaders(headers); } } 函数是异步的并返回一个 import。只需使用 Promise 泛型类型,如 Promise

您的 var 将是返回 Promise<type> 的函数。