om / react：在渲染目标元素之外操作元素

Question

我使用om作为clojurescript react接口。

我猜这与om和反应有关的一个问题：

在我的html主体中，我有一个id为“ app”的div，用于om / react作为渲染目标。

在此元素之外更改属性的首选方法是。 更具体地说，我需要为主体设置一些样式表。

现在，更多特定于clojure的内容：

如何将多个键值对设置为javascript对象。 （例如document.body.style）

我正在使用这个：

(doseq [[k v] {"backgroundColor" "red" "overflow" "hidden" ...}]
   (aset js/document.body.style k v))

使用underscore.js有一个很好的方法：

_.extend(document.body.style, {"backgroundColor": "red" "overflow": "hidden"})

好吧 ，但这是这里的问题。 也许并不需要，因为有一种特殊的om / react方法。

Answer 1

更好的方法是简单地使用包含所有键值对的javascript对象设置主体样式：

(set! (.. js/document -body -style) #js {:backgroundColor "red" :overflow "hidden"})

Answer 2

Naomi提供的解决方案很棒，但是它使用了内联CSS的错误做法。 我不用在代码中设置实际的CSS样式，而是将一个类设置为所需的html对象，然后在样式表中定义该类的CSS属性。

例如：

(set! (.. js/document -body -className) "my-class")