亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

React-Native中組件、變量、方法的導入導出

React-Native 中组件、变量、方法的导入和导出
组件

导出组件

export default class TestComponent extends Component{
    render(){
        return <Text>Hello, World.</Text>
    }
}

使用export default关键字,来导出默认的组件。

导入组件

import TestComponent from './TestComponent'
变量和常亮

导出变量和常亮

// 变量
export var name = 'XiaoMing';
// 常亮
export const age = 24

/*批量导出*/
export {name, age}

导入变量和常亮

import {name, age} from './TestComponent'
方法

导出方法

export function sum(numa, numb){
    return numa + numb;
}

导入方法

import {sum} from './TestComponent'
总结
除了default默认导出的组件以外,其他的变量、常亮或方法,都需要使用大括号括起来导入。

使用的时候和原来在当前页面使用的方式相同。
如方法的使用依然是:
result = sum(1, 2);
结果当然是3。
點擊查看更多內容
5人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消