javascript - 有没有办法将 JavaScript 函数从 src 文件夹外部导入到 React 组件

Question

我的 javascript utils.js 在我的 django 静态文件中有两个函数。我想使用这个与react通用的文件。所以我想导入该文件以与函数 react ，并且我想在 react 组件中使用它。功能示例

function convertMsToDatetime(s) {
    let ms = s % 1000;
    s = (s - ms) / 1000;
    let secs = s % 60;
    s = (s - secs) / 60;
    let mins = s % 60;
    s = (s - mins) / 60;
    let hours = s % 24
    let day = (s - hours) / 24

    var ret = [];
    if (day !== 0) {
        ret.push(day + "d")
    }

    if (hours !== 0) {
        ret.push(hours + "h")
    }
    if (mins !== 0) {
        ret.push(mins + "m")
    }
    if (secs !== 0) {
        ret.push(secs + "s")
    }
    return ret.join(" ")
}

Answer 1

首先在您想要的函数中添加export。

export function convertMsToDatetime() {
   // do something
}

然后，在您要使用它的文件中添加以下内容:

import myFunc from './file_name';
myFunc.convertMsToDatetime()

也许吧，如果你不知道的话。当您使用 ./ 到某些路由时，您只是引用包含实际文件的文件夹。