reactjs - 在 ClojureScript、Om 和 React.js 中使用内联样式字符串

Question

我想在我的 ClojureScript 应用程序中使用此 Om 片段:

    (dom/img
     #js {:className "img-circle"
          :src "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
          :style "width: 140px; height 140px;"
          :alt "Generic Placeholder Image"})

这会“爆炸”并停止整个页面的渲染!

我认为原因与 React.js 处理样式的方式有关。根据Inline Styles :

In React, inline styles are not specified as a string. Instead they are specified with an object whose key is the camelCased version of the style name, and whose value is the style's value, usually a string

有哪些好方法可以解决这个问题？我通常不喜欢使用内联样式，但我想知道如何使这个示例工作。

Answer 1

我在 Om 源代码中找到了一个示例，这让我尝试了这个，它有效:

    (dom/img
     #js {:className "img-circle"
          :src "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
          :style #js {:width "140px" :height "140px"}
          :alt "Generic Placeholder Image"})