React Native 的导入与导出

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React Native 的导入与导出相关的知识,希望对你有一定的参考价值。

组件的导入和导出

一、导出组件
三种导出方式,之前学过的ES6, ES5, 函数式三种建立组件方式,里面有提及过如何导出

使用方式:

import EIComponent from ‘./EIComponent‘

二、导出变量
方法一:
export var name = ‘sun‘;
export var age = ‘female‘;

方法二:
var name = ‘sun‘;
var age = ‘22‘;
export {name, age};

使用方式:
例如setup.js中加入:
import EIComponent,{name,age} from ‘./EIComponent‘

三、导出方法
方法前加export
export function sum(a,b){
return a+b;
}

使用方式:
和变量使用方式一致
import EIComponent,{name,age,sum} from ‘./EIComponent‘

以上是关于React Native 的导入与导出的主要内容,如果未能解决你的问题,请参考以下文章

React Native的导入导出

尝试导入错误:“shouldUseActivityState”未从“react-native-screens”导出

混合默认和命名导入

react-native 导入时如何更改默认组件名称?

React-native 需要任何文件

使用 Relay 和 React-Native 时的条件片段或嵌入的根容器