Skip to content
Advertisement

react native how to call multiple functions when onPress is clicked

I am trying to call multiple functions when I click onPress using TouchableOpacity

For example:

functionOne(){
// do something
}

functionTwo(){
// do someting
}

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

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

Advertisement

Answer

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()}/>

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(); }
 }
/> 

      
User contributions licensed under: CC BY-SA
9 People found this is helpful
Advertisement