javascript - react 本地如何单击onPress时调用多个功能

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

例如:

functionOne(){
// do something
}

functionTwo(){
// do someting
}

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

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

最佳答案

有几种方法可以实现此目的。一种选择是定义一个调用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(); }
 }
/>