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