反应原生如何在点击 onPress 时调用多个函数 [英] react native how to call multiple functions when onPress is clicked

问题描述

当我使用 TouchableOpacity

例如:

functionOne(){
// do something
}

functionTwo(){
// do someting
}

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

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

What if I want to call two functions when onPress is clicked? Is there a way I could call multiple functions?

推荐答案

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

There are a few ways to achieve this. One option would be to define a function that calls functionOne and functionTwo, and pass that on your onPress handler like so:

functionOne(){
// do something
}

functionTwo(){
// do something
}

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

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

或者，更简洁地，您可以像这样在 JSX 中内联表达 functionCombined:

Alternatively, and more concisely, you could express functionCombined inline in your JSX like so:

functionOne(){
// do something
}

functionTwo(){
// do someting
}

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

      

这篇关于反应原生如何在点击 onPress 时调用多个函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！