React Native:如何将一个文件分割成多个文件并导入它们

React Native: How to split a file up into multiple files and import them?

本文关键字：文件 分割 导入 一个 Native React      更新时间：2023-09-26

我正在用react native编写我的第一个应用程序，我的js文件变得相当大。拆分文件的正确方法是什么?

如果我有像

这样的东西
var MyClass = React.createClass({
  ...
})

我可以保存它在myclass.js和包含在另一个js文件的一些命令?

这是使用import语句的更新解决方案(在最新的React-Native和一般Javascript中坚持ECMAScript6及更高版本):

file1 myClass.js: 

export default class myClass {...}

file2 app.js: 

import myClass from './myClass';

这是使用单个default导出的基本版本。您还可以导出必须在import中明确列出的named导出。更多信息请参见export and import

一般情况下可以这样做:

var MyClass = React.createClass({
    ...
)}
module.exports = MyClass;

这样你就知道什么应该公开。

然后，在之前的大文件中，你可以像这样加载内容:

var MyClass = require('./myclass.js');

Require返回引用module.exports值的对象

相关文章：