Question

如何在react-native中创建全局助手功能？

我想用来访问sqlite数据库或从服务器获取数据。我可以创建一个带有函数的JavaScript文件，并从多个视图调用该函数吗？

Answer 1

我们过去的做法：

创建导出函数的文件：

module.exports = function(variable) {    
   console.log(variable);
}

要在文件中使用它时需要该文件：
```
var func = require('./pathtofile');
```
使用功能：
```
func('myvariable');
```

Answer 2

2种方法，不确定哪种方法更好：

方法

使用：

window.foo = function(val) {
   alert(val);
}

（并非真正全球化）在class文件中导出和要求的need-to-use内，您可以定义自己的功能。

见：

var React = require('react-native');

var {
  View,
} = React;

var styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  }
});

var MoviesScreen = React.createClass({
  foo : function(val) {
    alert(val);
  },

render: function() {
    return (
      <View style={styles.container}>      
      </View>
    );
  },
});


module.exports = MoviesScreen;

Answer 3

我有这个辅助功能：

function myfunction(foo)

我将其全局声明为：

global.myfunction = function myfunction(foo) {...};

Answer 4

全局变量

class MainActivity extends Component {

  constructor(){
     super();

     // Creating Global Variable.
     global.SampleVar = 'This is Global Variable.';
  }
}

在第二项活动中

class SecondActivity extends Component {

  render(){
    return(
       <View>
          <Text> {global.SampleVar} </Text>
       </View>
   );
  }
}

但是如果你想要一个全局功能

export function TestFunc1() {

 }

export function TestFunc2() {

}

然后导入并使用

import { TestFunc1 } from './path_to_file'

Answer 5

我这样做很简单：

我创建了一个helpers.js文件，其中将包含项目的所有帮助程序函数，并将其放置如下：./src/helpers.js（您可以将其放置在任何位置）。
< / li>
从helpers.js导出了这样的函数：

export function GlobalLogout(str) {.....}
然后我像这样导入函数：

import { GlobalLogout } from '../src/helpers';
最后像下面这样在文件中使用该函数：

GlobalLogout(data);

希望这对任何人都有帮助！

如何在本机中创建全局辅助函数？

5 个答案: