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

小编典典

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

reactjs

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

例如：

functionOne(){
// do something
}

functionTwo(){
// do someting
}

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

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

阅读 377

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