Question

通常，我以这种方式将库导入到JavaScript项目中

<script src="../lib/someLib.js"></script>
var theLib = new someLibConstructor("test");

我对React非常陌生，我不确定如何实现这一目标。我导入了lib

import someLib from '../lib/someLib.js';

但是我现在如何调用构造函数？

编辑：

这是库的外观

class someLibConstructor {
    constructor(t) {

    }
export default someLibConstructor

现在我正在这样做：

import someLibConstructor from '../lib/someLib.js';

var s = new someLibConstructor("test");

我收到错误类型错误：

...不是构造函数”

Answer 1

依赖于此构造函数的导出位置。如果在someLib.js上有类似export default someLibConstructor的行，则可以使用import someLibConstructor from '../lib/someLib'导入（不需要.js）。但是，如果未默认导出，则必须import { someLibConstructor } from '../lib/someLib'

Answer 2

您将使用在导入时提供的名称。

var theLib = new someLib("test");

在React项目中导入库

2 个答案: