在 React Native 中向 onPress 函数添加多个事件答案

【问题标题】：Adding multiple events to onPress function in React Native在 React Native 中向 onPress 函数添加多个事件
【发布时间】：2017-04-04 05:27:04
【问题描述】：

当我按下按钮时，它应该导航到另一个页面，它也会增加查看次数。

但我无论如何也想不出同时实现它们。

这是我的代码：

<Button onPress={Actions.ideaOnClick}>
<Button onPress={() => this.setState({views: ++this.state.views})}>

【问题讨论】：

【解决方案1】：

只需创建一个可以同时做这两件事的函数。因为onPress 是一个单一的函数，所以没有其他方法可以解决它（如果一个库有一个实用程序，它会做类似的事情）。

<Button onPress={() => {
    Actions.ideaOnClick()
    this.setState({views: ++this.state.views})
}}>

【讨论】：

【解决方案2】：

yourFunction(){
 Actions.ideaOnClick();
 this.setState({views: ++this.state.views});
}

<Button onPress={this.yourFunction.bind(this)}}>

【讨论】：

【解决方案3】：

const function  = () => {
functionToBeExecuted();
IncreaseViewCount();
}

return(
   <Button onPress={function} /> 
)

【讨论】：