clojurescript /hic一内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")))

在subs文件中：

(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")))

Subs (不必要的get-in)：

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