当前 RN 版本:0.49
操作环境:Windows 10
组件(类)
比如说我们创建一个类,那么在使用它之前必须要先将它导出。导出一个类可以有两种写法。
export default class MyView extends Component {}
或者
class MyView extends Component {}
export default MyView;
这两种写法都是将类 MyView
导出,那么在别的文件中就可以导入并使用它了。
通过文件路径导入 MyView
:
import MyView from './MyView';
这样就可以使用 <MyView/>
这个组件(类)了。
注意: 第一个 MyView
是自己定义的名称,可以随便写,但是建议和类名一致。 ./MyView
是文件路径及文件名,文件名不带后缀。./
表示当前文件的同级目录,../
表示当前文件的上层目录,当目录结构非常复杂时,要小心点不要写错了。
变量与常量
比如在我们的文件中,有变量 name
与常量 age
,我们可以将它们分别导出
export var name = 'Jack';
export const age = 12;
export default class MyView extends Component {}
也可以将它们一起导出
var name = 'Jack';
const age = 12;
export {name,age};
export default class MyView extends Component {}
导入与之对应,可以单独导入
import {name} from './MyView';
import {age} from './MyView';
也可以一起导入
import {name,age} from './MyView';
还可以与类一起导入
import MyView,{name,age} from './MyView';
方法
导出一个方法
export function sum(a,b) {
return a + b;
}
导入方法和导入变量是完全一样的,可以单独导入
import {sum} from './MyView';
也可以一起导入
import MyView,age,sum} from './MyView';
接下来你就可以使用它了。