造型Om组件

Question

样式和Om组件的方法基于React如何处理样式。在整个应用程序中复制通用的CSS规则将是一个可怕的混乱，那么是否有一种方法来定义函数中的样式或类似的样式？

(defn my-css [] {:border "1px solid #000"})

(defn my-component [state]
  (dom/div #js {:className "the-class-name"
                :style #js (my-css)}))

我试过使用defn和def，但我无法避免

Caused by: clojure.lang.ExceptionInfo: JavaScript literal must use map or vector notation

Answer 1

我用：

(defn create-style [row]
  {:background-color (utils/get-background-color (:task_status row)) :color (utils/get-color (:task_status row))})

但是我用它和“om-引导”一起使用。

我有#js，有时在:样式映射之前，有时在后面。我认为这取决于他们图书馆在期待什么。