2017-07-02 10 views
0

JavaScriptでは、動的クラスを処理する一般的な方法は、classnamesライブラリを使用することです。ReagentまたはRe-Frameアプリケーションで動的クラスを扱う慣習的な方法

私はClojureScriptのための任意の代替ソリューションを見つけることができなかった、そしてのような(str ...)との声明場合、ほとんどの人はインライン使用とうまくあるようだ:壊れやすいと面倒なようで、私には

(str "location flex-column border-box" (if is-current " current")) 

は(ハンドリングスペースを参照してください) 。私は、この関数は次のように動作することを期待したい

(class-names { 
    :location true 
    :flex-column true 
    :border-box true 
    :current is-current 
}) 
; -> "location flex-column border-box" 
; or "location flex-column border-box current" 

それとももちろん

(class-names "location" "flex-column" "border-box" { 
    :current is-current 
}) 

のような、手動でこのような関数を書くことは難しいことが、私はこれが解決されていなければならないと思ってはいけませんどういうわけか。 cljsjs経由で利用可能であるすべてのパフォーマンスの最適化ではJavaScriptライブラリ

+0

これまでのところは、私はこれを持っているhttps://gist.github.com/YurySolovyov/834e9cd6258f36d6f333fd3d0806c238 –

+0

と、この1のhttps:/ /github.com/YurySolovyov/class-names-cljs –

答えて

関連する問題