React Native，从其他文件传递变量

我是本机反应新手，并且在将变量从一个文件传递到另一个文件时遇到问题。

module.exports 在传递类时效果很好。 但是，本机有没有办法通过导出将变量从一个文件传递到另一个文件？

在下面的示例中，一个文件（按钮）正在创建一个随机数数组，我想在另一个文件（genreSelector）中访问该数组。同样，我试图从（流派到流派选择器）传递一个字符串数组。

我找不到如何执行此操作的示例，所以我的印象是这是不可能的。如果不可能的话我应该如何传递信息？ 我是否需要在主类中拥有所有函数并从子类中调用它们，如果是这样，我如何引用父类的函数而不是它自己的 this.function ？

所以 main 是在 index.android.js 中渲染的，一切都很好。当然，禁止在文件之间传递数组。我尝试使用状态，但仍然无法根据需要访问变量。

对于以如此复杂的方式提出这样一个基本问题表示歉意。

//this is button.js
import React, { Component } from 'react';
import {
    Alert,
  AppRegistry,
  StyleSheet,
  Text,
  TouchableHighlight,
  View
} from 'react-native';
import styles from '../styles/styles.js';

 let rNumbers = [1,2,3];
var Button = React.createClass({

    rNumberGen: function(){
        let rNumbers = [Math.random(), Math.random(), Math.random()];
    },

    render: function(){
        return(
                <TouchableHighlight onPress={this.rNumberGen} style={styles.center}>
                        <Text style={styles.button}>Generate!</Text>
                </TouchableHighlight>
            );
    }

});

module.exports = rNumbers;
module.exports = Button;

//这是流派选择器

import React, { Component } from 'react';
import {
    Alert,
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';
import{
    genre1,
    genre2,
    genre3
} from './genres.js';
import rNumbers from './button.js';
import styles from '../styles/styles.js';

 let a = rNumbers.toString();
 Alert.alert('This is', a);

var Genre = React.createClass({

    render: function(){

        let genre = this.props.selected;
        return(
                <View style={styles.genre}>
                    <Text style={styles.center}>{genre}</Text>
                </View>
            );
    }
});

module.exports = Genre;

//这是main.js

 import React, { Component } from 'react';
 import {
   AppRegistry,
   StyleSheet,
   Text,
   View
 } from 'react-native';
 import
     Button
  from './button.js';
 import
     Genre
     // genres
  from './genreSelector.js';
 import
     styles
  from '../styles/styles.js';


class Main extends React.Component {
  render(){
    return(
        <View style={styles.container}>
            <Text style={styles.title}>Genre Genrerator</Text>

            <Text style={[styles.h2, styles.h21]}>I am listening to</Text>
            <View style={styles.genreContainer}>
                 <Genre selected='{genres[1]}'/>
                 <Genre selected='{genres[2]}'/>
                 <Genre selected='{genres[3]}'/>
            </View>
            <Text style={styles.h2}>You filthy casual</Text>
            <Button/>
      </View>
    );
  }
}

 module.exports = Main;

module.exports = rNumbers;
module.exports = Button;

您通过这样的分配来覆盖它。您应该使用导出关键字：

export {rNumbers};
export {Button};

然后像这样导入：

import {rNumbers} from './button.js';
import {Button} from './button.js';

编辑：错误：预期{导出后。添加于