如何在

Question

我正在创建一个帮助类。下图显示了我的设置：

在我的App.js中，我有：

import  Helpers  from './Helpers.js'

我也尝试过：

 import  Helpers  from './components/Helpers.js'
 import  Helpers  from 'src/components/Helpers.js'
 import  Helpers  from './components/Helpers.js'
 import  Helpers  from 'src/components/Helpers.js'
 import  {Helpers}  from './components/Helpers.js'
 import  {Helpers}  from 'src/components/Helpers.js'

我也尝试过，在我的Helpers.js中：

export default Helpers
export default Helpers();

但是，我收到一条错误消息：

'./Helpers.js' does not contain an export named 'Helpers'.

似乎App.js找不到并找到这个类。如何导入它，所以我可以调用函数，如：

Helpers.helperFunctionHere();

感谢。

Answer 1

选项1：单独导出每个功能

在Helpers.js

export function helperFunctionHere() {
    console.log("hello there");
}

在App.js中

import {helperFunctionHere} from "./Helpers";

render() {
    helperFunctionHere();
}

选项2：类上的静态属性

在Helpers.js

class Helpers {
    static helperFunctionHere() {
        console.log("hi");
    } 
}
export default Helpers

在App.js中

import Helpers from "./Helpers";

render() {
    Helpers.helperFunctionHere();
}

Answer 2

应为export default Helpers。我还假设您的捆绑包设置正确。