試薬で動的に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()セレクタも念頭に置いてください。