React-Native:方法调用随笔

方法调用的区别:

//立即执行
// onPress={this.gobackClicked()}
 //调用后执行
// onPress={this.gobackClicked}   
//调用后执行
onPress={() => {
   this.gobackClicked()
}}

一、下面onPress事件的两种调用说明
由于gobackClicked是箭头函数,并且没有参数,故下面的两种写法其实是等价的。它们都是将gobackClicked的箭头函数指针,传递给onPress

// 返回事件
gobackClicked = () => {
    this.props.router.pop()
}

{/* 返回按钮 */}
 {
         this.gobackClicked()
    }}
 />

二、下面onPress事件的两种调用说明
由于go2PagePress函数有参数,第一种调用其实就相当于是立即执行了go2PagePress函数,

 onPress={this.go2PagePress(item.routerName, { text: item.text })}

而第2种才是我们真正需要的,在点击之后调用go2PagePress

go2PagePress = (page, body = {}) => {

}
renderToolsItem = (item, index) => (
     {
      //   this.go2PagePress(item.routerName, { text: item.text })
      // }}
      
    />
  )

注:
每个方法中的调用方法:都在render中的函数onPress中调用,执行时区分:
1、立即执行,即打开页面未执行任何操作方法立即执行;
2、调用后执行,即操作之后调用方法,方法才会执行。

你可能感兴趣的:(React-Native:方法调用随笔)