独自のjavacriptライブラリを作成して呼び出す

Question

私はちょうどヘルパークラスにいくつかのJavaScript関数を取り入れることにしました。たとえば、フェッチ操作や非同期操作などを実行するなど、コンポーネントクラスを作成するのではなく、純粋なJavaScriptだけです。私はちょうどjsファイルを作成し、コードを入れてコンポーネント内から呼び出すことはできないと思います。私はそれを登録する必要がありますか？

Answer 1

はい、モジュールのインポートが可能です。 Reactネイティブは、バベルコンパイラでパックされています。有効な構文トランスフォーマーはすべてhttps://facebook.github.io/react-native/docs/javascript-environment.htmlで参照できます。

Babelもモジュールに関する非常に良い説明をhttps://babeljs.io/learn-es2015/#ecmascript-2015-features-modulesに持っています。例えば

：

ファイルhelper.js

export function doSomething(){ 
    console.log("I am calling module helper through exported function") 
} 

ファイルが働い

import {doSomething} from "./helper"; //simply imports function from another file. 
import React, { Component } from "react"; 
import { AppRegistry, Text, View} from "react-native"; 

export default class ExampleComponent extends Component { 
    componentDidMount(){ 
    doSomething(); //invoke your function here for example. 
    } 
    render() { 
    return (
     <View> 
     <Text>I'm a text</Text> 
     </View> 
    ) 
    } 
} 

AppRegistry.registerComponent("Example",() => ExampleComponent);