React Nativeプロジェクトのvanilla JSファイルの使用方法は？

Question

私はそのファイルに何かを使用しようとすると、私はimport './vanilla';

とのネイティブプロジェクトを反応させることvanilla.jsファイルをインポートすることができるよ、それだけでCan't find variableを言います。私はwindow.somethingをバニラファイルに入れたら、somethingに電話することができるので、インポートが成功していることが分かります。ですから、バニラファイルからインポートした変数、関数などをどのように見えるようにするのですか？

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