RN----导入组件,import from 'xxxx'的用法详解
来源:互联网 发布:老人 音乐软件 编辑:程序博客网 时间:2024/06/05 00:52
作为一个初学者,在如何导入自己写的组件时,也容易犯怵,一个简单的import问题也搞了我大半天,import的方式五花八门,细看下图吧
就挑几种在RN中,特别是初学期常用的方式来说说:
1.import React ,{ Component } from 'react';
这是RN 0.26后导入React的方式,这意思是,导入‘react’文件里export的一个默认的组件,将其命名为React以及Component这个非默认组件
2.import Home from './compoments/Home';
这是导入‘compoments/Home’文件里export的带default关键字的组件,即默认组件,将其命名为Home(可以自定义命名)
3.import { Home } from './compoments/Home';
导入‘compoments/Home’文件里export的叫Home的非默认组件,注意,非默认,以及命名Home
4.import { Home , Discover } from './compoments/Home';
跟3的差不多,不过是{ },可以导入多个组件,用,隔开就可以
5.import * as Home from'./compoments/Home';
意思是将./compoments/Home'文件里的所有非默认组件,全部集结成一个Home模型组件,命名可以自定义,然后可以通过点语法,来使用组件里面的所有export的组件,例如:
这几种都是常用的import方式,更多的详细的可以访问https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import去了解和学习。。。
- RN----导入组件,import from 'xxxx'的用法详解
- RN----导入组件,import from 'xxxx'的用法详解
- RN----导入组件,import from 'xxxx'的用法详解
- from....import 导入的总结
- from ....import导入其他路径的模块
- 导入函数: import和from...import...的区别
- RN开源组件react-native-video的用法
- RN导入高德地图定位的用法实例
- Python之import与from...import的区别与用法
- RN导入三方组件,chrome调试
- import 用法与包的导入
- python中模块导入语句 from ..import ..与from import as的区别
- React / RN组件的生命周期
- 在python用import或者from...import来导入相应的模块
- Python3学习笔记(一):import from 和 reload的用法
- from * import 的实质
- thinkphp3.x中import方法导入类库的用法
- import theano 导入失败的解决方法(+function用法)
- make file及gdb学习
- 一点资源【1、嵌入式的视频,里面有数据结构】
- 技术(1)EF实体框架(一)
- Android LayoutInflater深度解析 给你带来全新的认识
- 线性分类器
- RN----导入组件,import from 'xxxx'的用法详解
- 如何通过插件携带第二个单据体到下游单据
- Android 最火开发框架xUtils
- Guava学习笔记:Google Guava 类库简介
- JQ滑动门
- 第13周项目(3)-形状类族的中的纯虚函数
- acm 3 1001 problem a
- Text和String的区别
- Linux常用Shell命令