如何使用试剂动态更改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的简写语法，但您也可以在地图中将其设置为:div之后的向量中的第一项。

另请注意CSS :nth-child()选择器作为动态样式的另一个选项。