首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用来自React本机项目的普通JS文件?

如何使用来自React本机项目的普通JS文件?
EN

Stack Overflow用户
提问于 2016-12-08 14:58:18
回答 2查看 4.4K关注 0票数 0

我能够将vanilla.js文件导入到我的使用import './vanilla';的本机项目中

当我尝试使用该文件中的任何内容时,它只写着Can't find variable。我知道导入是成功的,因为如果我将window.something放入普通文件中,就可以调用something。因此,我想问题是如何获得从vanilla文件导入的变量、函数等的可见性?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-12-08 15:13:30

你应该能够做到这一点:

代码语言:javascript
运行
复制
import vanilla from './vanilla';

然后可以使用导出的函数,即:

代码语言:javascript
运行
复制
vanilla.someMethod();

退房:http://www.2ality.com/2014/09/es6-modules-final.html

票数 2
EN

Stack Overflow用户

发布于 2016-12-08 15:04:18

这在很大程度上取决于如何导出模块?您有多个选项来导出模块或该模块的功能。

例如:

代码语言:javascript
运行
复制
// export data
export var color = "red";
export let name = "Nicholas";
export const magicNumber = 7;

// export function
export function sum(num1, num2) {
    return num1 + num1;
}

// export class
export class Rectangle {
    constructor(length, width) {
        this.length = length;
        this.width = width;
    }
}

// this function is private to the module
function subtract(num1, num2) {
    return num1 - num2;
}

// define a function...
function multiply(num1, num2) {
    return num1 * num2;
}

// ...and then export it later
export { multiply };

或导出默认值,例如:

代码语言:javascript
运行
复制
function sum(num1, num2) {
    return num1 + num2;
}

export default sum;

您可以在这里阅读有关导出和导入模块的更多信息:https://leanpub.com/understandinges6/read/#leanpub-auto-basic-exporting

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41042410

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档