javascript - React 中导入的函数未定义

标签 javascript reactjs

在 file1.js 中:

const doSomething = () => {
  console.log('yay');
};

export { doSomething }; 
//simplified, not using export default due to multiple exports

在 file2.jsx 中:

import { doSomething } from './file1.js';

doSomething(); //undefined 

我们已经尝试解决这个问题有一段时间了。尝试从一个类导入此方法并将其添加为组件的 onClick,但它始终是未定义的。如有帮助,我们将不胜感激

edit1:修复了简化代码中的导入

最佳答案

你可以试试这个。 像这样在 file2.js 中导入 file1.js

从'./file1.js'导入*作为演示;

并像这样调用你的函数

demo.doSomething()

关于javascript - React 中导入的函数未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52366134/

相关文章:

javascript - 如何在 JavaScript 中解析特定查询参数的 URL?

javascript - 图像仅在提供可选的 html 参数时不显示(否则显示)

javascript - 随机选择所有表单字段值并填写表单 - JS 或 jQuery - 不确定是哪个

javascript - 为什么淡入和动画持续时间不适用于我的代码?

reactjs - 使用 jest 测试 RTK 查询时出现 fetchMock 错误( react Vite.js)

javascript - 如何使用 Promise.all 等待两个请求,然后在回调中调用其他函数?

javascript - ES6条件if语句检查数组是否为空

javascript - Antd如何使用一种onLoad或componentDidMount函数?

javascript - 如果一个事件触发了随机次数,我如何在 Javascript/Jquery 中捕获最后一次?

javascript - Rails selectize.js include_blank 或自动完成 : false