如何用試劑動態更改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()選擇器作爲動態樣式的另一個選項。