You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native中如何在onPress条件语句中调用不同函数

问题解决:React Native 电影列表编辑/新增按钮的 onPress 逻辑修正

你现有代码的核心问题是:else 分支里的AddPress仅引用了函数,没有执行调用操作,导致新增功能点击后不会触发。

修正后的代码

<Pressable 
  onPress={() => {
    if (newID) {
      EditPress(newID);
    } else {
      AddPress(); // 必须添加括号调用函数
    }
  }}
  style={styles.logBox}
>
  <Text style={{ textAlign:"center", bottom:12, fontWeight:"bold" }}> Save </Text>
</Pressable>

额外优化建议

如果EditPress和AddPress是异步API请求函数,建议将 onPress 回调改为异步函数并添加await,方便后续处理请求完成后的逻辑(比如成功提示、页面跳转):

<Pressable 
  onPress={async () => {
    if (newID) {
      await EditPress(newID);
      // 编辑成功后的操作,如弹窗提示、返回列表页
    } else {
      await AddPress();
      // 新增成功后的操作
    }
  }}
  style={styles.logBox}
>
  <Text style={{ textAlign:"center", bottom:12, fontWeight:"bold" }}> Save </Text>
</Pressable>

内容的提问来源于stack exchange,提问作者Oula R.

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 12:59:51