React Native如何在单击onPress时调用多个函数

2024-04-10

当我点击时我试图调用多个函数onPress using TouchableOpacity

例如:

functionOne(){
// do something
}

functionTwo(){
// do someting
}

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

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


有几种方法可以实现这一目标。一种选择是定义一个函数来调用functionOne and 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(); }
 }
/> 

      
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React Native如何在单击onPress时调用多个函数 的相关文章

随机推荐