From f86cb48efe601012f3e65ac983fe8d94bbbb200d Mon Sep 17 00:00:00 2001 From: xfy Date: Thu, 9 Jul 2026 16:39:41 +0800 Subject: [PATCH] =?UTF-8?q?fix(post):=20=E4=B8=8A=E4=B8=8B=E7=AF=87?= =?UTF-8?q?=E5=88=87=E6=8D=A2=E5=90=8E=E6=AD=A3=E6=96=87=E5=86=85=E5=AE=B9?= =?UTF-8?q?=E4=B8=8D=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 承接 fix(post) 的路由重跑修复：标题/描述更新后，正文仍停留在旧文章。 根因：PostContent 用 use_memo 缓存 split_content_fragments 的结果，但 memo 依赖 ReactiveContext 追踪闭包内读取的 signal 才会重算。content_html 是普通 String prop，读取它不建立订阅——memo 永久缓存首次解析结果。上下篇切换时 content_html prop 已是新文章的 HTML，但 memo 返回旧 fragments，dangerous_inner_html 收到旧 html 字符串，diff 判断属性值未变 → 不生成 setAttribute 编辑 → 正文 DOM 停在旧文章。 标题/描述之所以正常更新：它们直接读 post（来自 use_server_future 的 Resource， 是 signal），不走 memo。 修复：去掉 use_memo，直接在 render 内调用 split_content_fragments（纯函数， 符合渲染纯净性）。每次渲染用当前 content_html 重新解析，diff 收到新 html → 正文 DOM 正确更新。 验证（headless chromium）： - 修复前：/post/rust 点 Next，标题变「写文章页面改为左右布局」，正文仍是 rust 的「第一步：定义世界」（红灯，复现） - 修复后：正文随之变为「问题」（绿灯）；prev 方向同样通过；首次 SSR 正常 --- src/components/post/post_content.rs | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/src/components/post/post_content.rs b/src/components/post/post_content.rs index 2456932..4f8835e 100644 --- a/src/components/post/post_content.rs +++ b/src/components/post/post_content.rs @@ -126,9 +126,15 @@ fn invoke_optional_global(window: &web_sys::Window, name: &str, args: &[wasm_bin /// 这里仅设置其初始化配置 `__lightboxSelectors` 并兜底调用。 #[component] pub fn PostContent(content_html: String) -> Element { - // 拆分片段：use_memo 避免每次渲染重复解析。 - let fragments = - use_memo(move || split_content_fragments(&content_html)); + // 直接在 render 内拆分片段（纯函数调用，符合渲染纯净性）。 + // + // 不用 use_memo：memo 依赖 ReactiveContext 追踪闭包内读取的 signal 才会重算， + // 但 content_html 是普通 String prop，读取它不建立订阅——memo 会永久缓存首次 + // 解析结果。当上下篇切换、content_html prop 变化时 memo 不重算，返回旧 fragments， + // 导致 dangerous_inner_html 收到旧 html、diff 判断属性未变 → 正文 DOM 不更新 + // （表现为标题/描述更新了但正文停在旧文章）。split_content_fragments 是纯函数， + // 每次渲染重新解析开销可控。 + let fragments = split_content_fragments(&content_html); #[cfg(target_arch = "wasm32")] use_effect(move || { @@ -151,7 +157,7 @@ pub fn PostContent(content_html: String) -> Element { rsx! { div { class: "post-content md-content", - for (i, fragment) in fragments.read().iter().enumerate() { + for (i, fragment) in fragments.iter().enumerate() { {match fragment { ContentFragment::Html(html) => rsx! { div { key: "html-{i}", dangerous_inner_html: "{html}" }