clojurescript - 如何使用试剂动态更改 CSS 类名？

Question

关于 reagent .

我需要动态更改一些 CSS 类名。
我该怎么做？

示例代码在这里。

(defn app []
  (let [array [1, 2, 3]]
    (fn []
      [:div
       (for [index array]
         ;; I wanna change this classname like `item-1, item-2, ...`
         ^{:key index} [:div.i-wanna-change-this-classname-dynamically index])])))

Answer 1

改变

[:div.i-wanna-change-this-classname-dynamically index]

到

[:div {:class (str “item-” index)} index]

Reagent 提供了 :div.class1.class2#id 的简写语法。 ，但您也可以在 map 中将这些设置为 :div 之后矢量中的第一项.

还要记住 CSS :nth-child()选择器作为动态样式的另一种选择。