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
相关产品推荐
相关产品推荐

