您的位置:首页 > Web前端 > React

react-native--基础(方法调用)

2016-12-07 14:34 501 查看
导语:最近写代码,封装组件,手势动画时,经常遇到方法调用。特别是ES5,ES6混用的时候,脑子一直不清晰。发觉还是代码写的少了,缺乏总结。

方法调用的时候,经常会出现错误。然后在调试的时候,会改动一两次,不能一次性写正确。

今天特总结如下:

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是一个封装的组件。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  stylesheet