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 处理样式的方式有关。根据内联样式：

在 React 中，内联样式不指定为字符串。相反，它们是用一个对象指定的，其键是样式名称的驼峰式版本，其值是样式的值，通常是一个字符串

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

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"})