react-native--基础(方法调用)
2016-12-07 14:34
501 查看
导语:最近写代码,封装组件,手势动画时,经常遇到方法调用。特别是ES5,ES6混用的时候,脑子一直不清晰。发觉还是代码写的少了,缺乏总结。
方法调用的时候,经常会出现错误。然后在调试的时候,会改动一两次,不能一次性写正确。
今天特总结如下:
注:每个方法中的调用方法:都在render中的函数onPress中调用,执行时区分立即执行,即打开页面未执行任何操作方法立即执行;调用后执行,即操作之后调用方法,方法才会执行。
CommitButton是一个封装的组件。
方法调用的时候,经常会出现错误。然后在调试的时候,会改动一两次,不能一次性写正确。
今天特总结如下:
import React,{Component} from 'react' import { StyleSheet, View, } from 'react-native' import CommitButton from './CommitButton' alertMsgout=()=>{ alert("alertMsgout"); //调用后执行: //onPress={alertMsgout} //onPress={()=>alertMsgout()} } export default class ActionCustom extends Component{ render(){ return( <View> <CommitButton text='hello' onPress={()=>alertMsgout()}/> </View> ); } alertMsgin(){ alert("alertMsgin"); //立即执行: // onPress={this.alertMsgin()} //调用后执行: // onPress={()=>{this.alertMsgin()} } alertMsginInfo=()=>{ alert("alertMsginInfo"); //立即执行: //onPress={this.alertMsginInfo()} //调用后执行: // onPress={this.alertMsginInfo} } }
注:每个方法中的调用方法:都在render中的函数onPress中调用,执行时区分立即执行,即打开页面未执行任何操作方法立即执行;调用后执行,即操作之后调用方法,方法才会执行。
CommitButton是一个封装的组件。
相关文章推荐
- JavaScript正则表达式与注册验证
- How to make the SSIS load infopath XML files into DB?
- CSS常用技巧介绍
- CSS常用技巧介绍
- 详解CSS外部引用之link与@import的区别
- php里面使用ajax的基本过程
- ExtJS学点皮毛(二)——关于CSS的引用
- Jquery flexgrid
- 二、怎样编写CSS?
- asp.net中动态变更CSS
- 关于JS下拉列表选择时间计算时间周期的问题解决
- asp.net中动态变更CSS
- 利用Ext.ux.UploadDialog实现异步多文件上传
- 黑马程序员-html基础知识
- XSL简介
- 分享:带会员注册登录一级纯css导航栏代码
- 通用的JS表单验证
- 权限管理的设计和实现
- safari4 & embedded style charse
- Shanghai ** Product Development Plan