React native (3) 导入和导出

来源:互联网 发布:类似毛骗的烧脑网络剧 编辑:程序博客网 时间:2024/04/29 18:29

1.组件的导入和导出

  1. 因为自定义组件有三种方式,所以导出方式也有三种
    注意修改新建文件的类名,然后在类名前添加export default ,将他导出
    在其他组件中引用,先导入你的自定义组件,然后与Android的view类似
导入:import HelloComponent from './HelloComponent'使用:render() {    return (      <View style={styles.container}>        <HelloComponent/>      </View>    );  }

2.变量的导入导出

var name='123'var sex='456'export{name,sex}export var name = '777'

导入:import HelloComponent,{name,sex} from ‘./HelloComponent’
然后就可直接使用

3.方法的导入和导出

导出export function sum(a,b){    return a+b;}导入:import HelloComponent,{name,sex} from './HelloComponent'然后直接使用了
0 0