如何在Ract Native中将一个文件导出和导入到另一个文件

Question

var SummarizeAll=React.createClass({
render:function(){

    var self=this;
    var org = this.props.org;
    var root=this.props.root;    
    var name=rootSchema;
    var current=root;

     return (<ScrollView><View style={{marginLeft:5,marginRight:5}}>
          <Text>{current.displayName}</Text>
        {
          this.state.records.map(function(data,index){

            return (<GenreicApp/>)

          },this)
        }              
              </View>       
                </View>
              </View>
            </View>
        </View>
        </ScrollView>)
  }
})

这是在index.ios.js

中

var GenericSummary=React.createClass({

render:function(){
   return (<View>
              <GenericDisplayView/>
              <SummarizeAll />
          </View>)                
 }
}
})

这是在index2.ios.js

如何从index.ios.js文件中将SummarizeAll组件导出到index2.ios.js文件中的GenericSumnmary Component

Answer 1

您需要使用Javascript（或更确切地说是Node.js）模块：

1. 将SummarizeAll类放在单独的js文件中（summarize_all.js）
2. 在js文件的末尾添加module.exports=SummarizeAll;
3. 在您要使用的文件中，使用require指令：var SummarizeAll = require('./summarize_all');
4. 然后，您可以在index.ios.js或其他地方同样需要SummarizeAll组件。将它放在单独的文件/子目录中使其独立并可重用。

为了清晰和更好的模块化，您还可以将.js文件放在某个子目录中，在这种情况下，require应该包含文件的相对路径，包括子目录。