snowykami/neo-blog
1
0
Fork 0
mirror of https://github.com/snowykami/neo-blog.git synced 2025-09-26 11:06:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 优化点赞功能的状态管理，确保失败时回滚状态

Browse Source
This commit is contained in:
远野千束
2025-09-10 11:38:04 +08:00
parent 648a329a7b
commit ff1d8b7928
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/comment/comment-item.tsx
View File

@ -63,16 +63,21 @@ export function CommentItem(
}); });
return; return;
} }
setLiked(!liked) // 提前转换状态，让用户觉得响应很快 // 提前转换状态，让用户觉得响应很快
const likedPrev = liked;
const likeCountPrev = likeCount;
setLiked(prev => !prev);
setLikeCount(prev => prev + (likedPrev ? -1 : 1));
toggleLike( toggleLike(
{ targetType: TargetType.Comment, targetId: comment.id } { targetType: TargetType.Comment, targetId: comment.id }
).then(res => { ).then(res => {
toast.success(res.data.status ? t("like_success") : t("unlike_success")); toast.success(res.data.status ? t("like_success") : t("unlike_success"));
setLiked(res.data.status);
setLikeCount(res.data.status ? likeCount + 1 : likeCount - 1);
setCanClickLike(true); setCanClickLike(true);
}).catch(error => { }).catch(error => {
toast.error(t("like_failed") + ": " + error.message); toast.error(t("like_failed") + ": " + error.message);
// 失败回滚
setLiked(likedPrev);
setLikeCount(likeCountPrev);
setCanClickLike(true); setCanClickLike(true);
}); });
} }