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

例如:

functionOne(){
// do something
}

functionTwo(){
// do someting
}

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

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

推荐答案

有几种方法可以实现这一点.一个选项是定义一个调用functionOnefunctionTwo的函数,并将其传递给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(); }
 }
/> 

      

React-native相关问答推荐

react 本机函数不通过usContext触发

何时在 React Native 中使用辅助功能 Role='link'?

获取 TypeError:this.InnerNativeModule.configureProps 不是 mac 上 expo 中的函数

React Native Navigation const { navigate } = this.props.navigation;

Error: Invariant Violation: Touchable child must either be native or forward setNativeProps to a native component stack

React Native Card Carousel 视图?

在使用 redux-persist 重新水化存储之前加载初始状态的默认值

在 React Native 中使用多个上下文提供程序的更好方法

使用 create-react-native-app 创建了一个应用程序,如何将其发布到 Google Play store ?

当 textInput 聚焦时,第一次touch flatList 不起作用,但是第二次起作用

在配置 react-native-maps 中获取 "supportLibVersion" 、 "playServicesVersion" 和 "androidMapsUtilsVersion" 值

使用 React Native 打开 iOS iPad 模拟器

React Native:组件卸载时的动画

React-native Xcode 构建失败 -> 'RCTAssert.h file not found'

是否可以将 Image.getSize 与静态图像文件一起使用?

react-native Bottom Up drawer

react-navigation模式高度

更改导航标题背景 colored颜色

无法运行 jetifier React Native

将现有的 React Native 项目转换为 Expo