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

2024年1月19日 192次阅读


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。
点赞