ClojureScript中Thread/sleep报错求助：实现点击按钮文本3秒消失

问题分析 #

你的代码存在两个核心问题：

1. ClojureScript中无Thread/sleep：CLJS运行在浏览器环境，没有Java体系的Thread命名空间，浏览器端的延迟操作需要用原生setTimeout API实现。
2. Re-frame事件处理器必须是纯函数：事件处理器不能包含阻塞或异步操作，原代码里的do块最终会返回最后一行dissoc的结果，相当于直接跳过了显示文本的步骤；即使存在类似sleep的方法，也会阻塞浏览器主线程导致页面卡死。

正确实现方案 #

拆分两个事件分别处理显示和隐藏逻辑，通过异步触发的方式完成延迟操作：

1. 注册显示文本的事件 #

该事件负责将问候语存入db，同时启动延迟定时器触发隐藏事件：

(rf/reg-event-db
  ::show-greeting
  (fn [db _]
    ;; 3秒后触发隐藏文本的事件
    (js/setTimeout #(rf/dispatch [::hide-greeting]) 3000)
    ;; 将问候语写入db
    (assoc db :greeting "hi")))

2. 注册隐藏文本的事件 #

该事件负责从db中移除问候语：

(rf/reg-event-db
  ::hide-greeting
  (fn [db _]
    (dissoc db :greeting)))

3. 按钮点击绑定 #

让按钮点击时触发::show-greeting事件即可：

;; 示例视图代码
(defn greeting-button []
  [:button {:on-click #(rf/dispatch [::show-greeting])}
   "显示问候语"])

方案说明 #

• Re-frame要求事件处理器为纯函数，所有副作用（如延迟操作）需通过外部触发事件实现，保证状态变更可追踪。
• js/setTimeout是浏览器原生异步延迟API，不会阻塞主线程，避免页面无响应的问题。

内容的提问来源于stack exchange，提问作者niloofar