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人點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦