React native 如果付款成功，如何导航到其他页面

当我把这行代码放在onpress（）下面时，代码正在工作

但内部成功回调不起作用

检查句柄是否成功

<TouchableOpacity 
        style={styles.item}
            onPress={() => {
          RazorpayCheckout.open({
            ...
            theme: { color: "#f7b500" }
          })
            .then(data => {
              ***// handle success***
                console.log(`Success: ${data.razorpay_payment_id}`);
                console.log(reference)
                **reference.navigation.navigate("ThankyouScreen", {
                    AvailablePoints: creditScorePoints - item.cash
                });**
            })
            .catch(error => {
             ...
            });
        }}
      >

{
RazorpayCheckout.open({
...
主题：{颜色：#f7b500}
})
。然后（数据=>{
***//成功***
log（`Success:${data.razorpay\u payment\u id}`）；
console.log（参考）
**reference.navigation.navigate（“ThankyouScreen”{
可用地点：creditScorePoints-item.cash
});**
})
.catch（错误=>{
...
});
}}
>

什么是参考？如果是this.props，请确保它是全局定义的。 尝试使用以下命令更改代码：

//on top of class
var reference = null;

//In componentDidMount

reference = this.props;