xfy/yggdrasil
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(comment): resolve potential SSR hydration mismatch in CommentSection

Browse Source
This commit is contained in:
xfy 2026-07-08 15:38:29 +08:00
parent 74a74e77a8
commit a72a167a5f
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/comments/section.rs
View File

@ -40,17 +40,21 @@ pub struct CommentContext {
/// - 空评论时展示提示文案 /// - 空评论时展示提示文案
#[component] #[component]
pub fn CommentSection(post_id: i32) -> Element { pub fn CommentSection(post_id: i32) -> Element {
let ctx = use_context_provider(|| { let mut ctx = use_context_provider(|| {
let pending: Vec<PendingComment> = comment_storage::load_pending_comments(post_id);
comment_storage::prune_all_expired();
CommentContext { CommentContext {
active_reply: Signal::new(None), active_reply: Signal::new(None),
refresh_trigger: Signal::new(false), refresh_trigger: Signal::new(false),
pending_comments: Signal::new(pending), pending_comments: Signal::new(Vec::new()),
} }
}); });
// 挂载后从本地存储异步加载待审核评论以防 SSR Hydration Mismatch
use_effect(move || {
let pending = comment_storage::load_pending_comments(post_id);
comment_storage::prune_all_expired();
ctx.pending_comments.set(pending);
});
// 轮询待审核评论状态，已处理（非 pending）的评论从本地移除 // 轮询待审核评论状态，已处理（非 pending）的评论从本地移除
use_future(move || { use_future(move || {
let mut pending = ctx.pending_comments; let mut pending = ctx.pending_comments;