clojurescript / hiccup - 内联 css 将调度设置为悬停操作

Question

我正在尝试悬停文本并将另一个文本的 :display 更改为 none，以使其消失。我使用过 :onMouseOver，但它不起作用，因为我认为它需要 this.value 。 那么，我知道如何才能做到这一点吗？在这种情况下我需要内联 CSS。

这就是我所拥有的：

[:p {:onMouseOver #(rf/dispatch [:events/hover-feedback])} "hello"]
[:p {:style {:display @(rf/subscribe [::subs/hover-feedback])}} "world"]

在事件文件中：

(rf/reg-event-db
  ::hover-feedback
  (fn [db]
    (assoc db :hover-feedback "none")))

在子文件中：

(rf/reg-sub ::hover-feedback (fn [db] (get-in db [:hover-feedback]

Answer 1

我想你在第一个

:p

调度中忘记了一个冒号。试试这个：

浏览量：

[:p {:on-mouse-over #(rf/dispatch [::events/hover-feedback])}
             "hello"]
[:p {:style {:display @(rf/subscribe [::subs/hover-feedback])}}
             "world"]

活动（不变）：

(re-frame/reg-event-db
  ::hover-feedback
  (fn [db]
      (assoc db :hover-feedback "none")))

替补（不必要的

get-in

）：

(re-frame/reg-sub
  ::hover-feedback
  (fn [db]
      (:hover-feedback db)))