如何将类导入其他文件

Question

我有一个paddle.js文件，用于导出Paddle类。 export default class Paddle 然后，我使用import Paddle from './paddle.js';

将其导入到index.js中

但是由于某种原因，我的index.js不能使用paddle.js的方法。有人可以告诉我我的进出口商品是否写错了吗？

Answer 1

您是否使用类似的方法实例化了Paddle类？

import Paddle from './paddle.js';

const paddle = new Paddle();
paddle.someMethod();

Answer 2

HTML文件不允许您这样导入js / react类。

index.html文件将使用<script>标签添加javascript。

p.s。

如果您使用的是React，则app.js中的react index.js或src/将负责将所有生成的html / js放入您的public/index.html文件中这个：

ReactDOM.render(<YourComponent />, document.getElementById("root")); 
// where root is id of an element in your index.html file

Answer 3

如果Paddle.js中的函数是静态的，则可以按以下方式调用它：

Paddle.func();

如果Paddle.js中的函数不是静态的，则需要一个Paddle类的对象来调用某些方法：

const paddle = new Paddle();
paddle.func();