-
RN组件的三种创建方式查看全部
-
小技巧一:延展操作符 当传递多个属性时,可以通过如下方法,setup.js 方法一、 render(){ var params={name:'小张', age:18, sex:'男'}; return( <View style={styles.container}> <PropsTest name={params.name} sex={params.sex} ></PropsTest> </View> ) } 此法太笨拙 方法二、ES6中新的延展操作符 render(){ var params={name:'小张', age:18, sex:'男'}; return( <View style={styles.container}> <PropsTest {...params} ></PropsTest> </View> ) }查看全部
-
属性的类型检查和约束,见截图 static PropsTypes={ name:PropsTypes.string, sex:PropsTypes.string.isRequired }查看全部
-
默认属性: 如果setup.js没有传递过来name,则可以在PropsTest.js中设置一个默认的属性,如截图: static defaultProps={ name:'小红' }查看全部
-
React Native props使用详解 参考截图查看全部
-
组件的导入和导出 一、导出组件 三种导出方式,之前学过的ES6, ES5, 函数式三种建立组件方式,里面有提及过如何导出 使用方式: import EIComponent from './EIComponent' 二、导出变量 方法一: export var name = 'sun'; export var age = 'female'; 方法二: var name = 'sun'; var age = '22'; export {name, age}; 使用方式: 例如setup.js中加入: import EIComponent,{name,age} from './EIComponent' 三、导出方法 方法前加export export function sum(a,b){ return a+b; } 使用方式: 和变量使用方式一致 import EIComponent,{name,age,sum} from './EIComponent'查看全部
-
导入与导出 参考截图查看全部
-
通过控制台打印log,打开调试工具,选择“Debug JS remotly”,如图 按Ctri+Shift+J键调出控制台窗口,查看log情况查看全部
-
React Native组件生命周期详解 1、什么是组件的生命周期? 2、组件的生命周期中包含哪些方法,各有什么作用? 3、生命周期中的方法在什么时候调用?查看全部
举报
0/150
提交
取消