在react-native中創建和調用我自己的JavaScript庫

Question

我只想包含助手類中的一些JavaScript函數。例如，運行一些抓取或異步操作等。我不想創建一個Component類，而只是純粹的JavaScript。我不認爲我可以創建一個js文件，將代碼放入並從Component中調用它。我需要註冊嗎？

Answer 1

是的，你可以通過模塊導入。反應本機來與巴貝爾編譯器包裝。您可以在https://facebook.github.io/react-native/docs/javascript-environment.html處引用所有啓用的語法轉換器。

巴貝爾在模塊https://babeljs.io/learn-es2015/#ecmascript-2015-features-modules上也有很好的解釋。

例如：

文件helper.js

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

文件App.js

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);