时间戳

首页 > 解决方案 > reactjs中如何调用另一个文件的函数

reactjs - reactjs中如何调用另一个文件的函数

问题描述

我在 javascript 文件中有这个函数：

//utils/commons.js

export function funcName() {
    return 1;
}

在一个组件中，我这样引用它：

import React from 'react';
const funcName  = import('../../utils/commons');

const MyComponent = () => {
    let res = funcName();
    console.log('res:',res);

    return(
        <> 
        <div>
            hello
        </div>   
    )};
export default MyComponent;

在谷歌搜索这个问题时，这似乎是正确的方法。但是，在控制台中我看到：

Uncaught TypeError: funcName is not a function

如果我要在 common.js 文件中（函数之外的某个地方）写一个 console.log，那么它就会被打印出来。因此，该文件被包含在内。但是由于某种原因无法识别该功能。

标签： reactjs

解决方案

您可以尝试编辑此：

const funcName  = import('../../utils/commons');

对此：

import { funcName } from '../../utils/commons';

推荐阅读