如何用试剂动态更改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] 

试剂提供:div.class1.class2#id的简写语法，但你也可以设置这些地图中为:div后的向量中的第一项。

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