我如何在 React 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 组件

Answer 1

您需要使用 Javascript（或者 Node.js）模块：

将您的 SummarizeAll class 放在单独的 js 文件中 (summarize_all.js)
在js文件末尾添加module.exports=SummarizeAll;
在您要使用它的文件中使用 require 指令：var SummarizeAll = require('./summarize_all');
然后您可以类似地在 index.ios.js 或其他地方要求 SummarizeAll 组件。将它分开 file/subdirectory 使其独立且可重复使用。

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

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

How can i export and import from one file to another in Ract Native

ios

ios-simulator

react-native