Question

我可以使用import './vanilla';

将vanilla.js文件导入到我的React Native项目中

当我尝试在该文件中使用任何内容时，它只是说Can't find variable。我知道导入是成功的，因为如果我将window.something放入vanilla文件中，我可以调用something。所以我想问题是如何了解我从vanilla文件中导入的变量，函数等？

Answer 1

你应该可以这样做：

import vanilla from './vanilla';

然后您可以使用导出的函数，即：

vanilla.someMethod();

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

Answer 2

那很大程度上取决于你如何导出你的模块？您有多个选项可以导出模块或该模块的功能。

例如：

// 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 };

或导出默认值，例如：

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

export default sum;

您可以在此处详细了解导出和导入模块：https://leanpub.com/understandinges6/read/#leanpub-auto-basic-exporting

如何使用React Native项目中的vanilla JS文件？

2 个答案: