javascript - react native 如何在点击 onPress 时调用多个函数

Question

当我使用 TouchableOpacity 单击 onPress 时，我尝试调用多个函数

例如:

functionOne(){
// do something
}

functionTwo(){
// do someting
}

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

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

Answer 1

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

functionOne(){
// do something
}

functionTwo(){
// do something
}

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

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

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

functionOne(){
// do something
}

functionTwo(){
// do someting
}

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