小编典典

反应本地如何单击onPress时调用多个功能

reactjs

当我单击onPress使用时,我试图调用多个功能TouchableOpacity

例如:

functionOne(){
// do something
}

functionTwo(){
// do someting
}

<TouchableHighlight onPress{() => this.functionOne()}/>

如果onPress单击时要调用两个函数怎么办?有没有办法我可以调用多个函数?


阅读 378

收藏
2020-07-22

共1个答案

小编典典

有几种方法可以实现此目的。一种选择是定义一个调用functionOne和的函数functionTwo,并将其传递给您的onPress处理程序,如下所示:

functionOne(){
// do something
}

functionTwo(){
// do something
}

functionCombined() {
    this.functionOne();
    this.functionTwo();
}

<TouchableHighlight onPress={() => this.functionCombined()}/>

另外,更简洁地说,您可以functionCombined像这样在JSX中内联表达:

functionOne(){
// do something
}

functionTwo(){
// do someting
}

<TouchableHighlight
 onPress={
  () => { this.functionOne(); this.functionTwo(); }
 }
/>
2020-07-22