javascript - 将函数从 JS 导入到 JSX

Question

我有一个包含以下代码的 JS 文件:

module.exports = function loadMyFun() {

    function activateSite($currentItem) {
        ...
    }
  ...
}

我想将它导入到 JSX 文件中，我尝试这样做，但不起作用:

import MyNav from './MyNav.js';

const top = MyNav.activateSite();

    componentDidMount () {
        var self = this;
        MyNav.activateSite($(self));
    }
...          

我收到此错误:

Uncaught TypeError: _MyNav.default.activateSite is not a function

知道如何解决这个问题吗？

Answer 1

activateSite 是一个本地范围到 loadMyFun 函数的变量。

它在 loadMyFun 范围之外不可用。

它不是 loadMyFun 函数对象的属性。

如果不重写模块就无法访问它。

例如

module.exports = function loadMyFun() {
};

module.exports.activeSite = function activateSite($currentItem) {
};