Question

我想在我的项目中使用自定义服务。我创建一个具有以下内容的类，例如：Services/Auth.js。

class Auth {
    isLoggedIn() {
        return true;
    }
}

export default Auth;

然后在我要导入的组件中，如下所示：

import Auth from './Services/Auth';
class App extends Component {
    render() {
        const isLoggedIn = Auth.isLoggedIn();
        // ... so on ...
    }
}

它可以编译，但是在rutime上，它会引发以下错误：

TypeError: _Services_Auth__WEBPACK_IMPORTED_MODULE_7__.default.isLoggedIn is not a function

我在做什么错了？

Answer 1

您要导出的是类本身，而不是实例。

您想要类似

class Auth {
    isLoggedIn() {
        return true;
    }
}

export default new Auth();

导出单例实例。

无法在React JS中使用自定义类

1 个答案: