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

React JS:点击后如何永久禁用指定按钮?

React JS 确认售卖功能实现

功能说明

  • 卖家可点击特定交易完成确认售卖操作
  • 交易完成后状态变更为completed,对应按钮需永久禁用
  • 仅支持确认状态为pending的鞋类交易,点击待处理按钮后的效果如图

确认按钮逻辑代码

const confirmSell = async (e) => {
    try {
        await userRequest.put(`/order/${e}`, {status: 'complete'})
        setExecuting(true)
    } catch (error) {
        console.log({error: error.message})
    }
}

按钮组件代码

<Button variant="contained" 
   onClick={(e) => confirmSell(recent._id)} 
   disabled={executing} 
   color="success">
  Confirm 
</Button>

内容的提问来源于stack exchange,提问作者Stykgwar

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.13 18:55:14