在 react native 中使用 onPress 调用两个函数

Question

我有以下两个按钮：

<View style={styles.button}>
<Button title="ADD" onPress={createDocumentHandler}/>
</View>
<View style={styles.button}>
<Button title="CANCEL" color="red" onPress={props.onCancel}/>
</View>

我希望第一个按钮同时触发"createDocumentHandler"函数和"props.onCancel"函数

我认为它会像onPress={createDocumentHandler, props.onCancel}一样简单，但由于某种原因，这只会触发第二种方法

Answer 1

<Button title="ADD" onPress={createDocumentHandler}/>
createDocumentHandler = () => {
actionA();
actionB();
}

Answer 2

你创建一个自定义函数 createDocumentHandler 作为：

createDocumentHandler = async() => {
// execute in whatever order
let a =  await function1();
let b =  await function2();
}

Answer 3

试试这个

onCancel() => {
{...}
};
function createDocumentHandler()
{
{...}
return onCancel();
}
function render(){
return(
<Button title="ADD" onPress={createDocumentHandler}/>
)
}