6

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 では、インライン スタイルは文字列として指定されません。代わりに、キーがスタイル名の camelCased バージョンであり、値がスタイルの値 (通常は文字列) であるオブジェクトで指定されます。

この問題を回避するための良い方法は何ですか? 私は通常、インライン スタイルを使用するのは好きではありませんが、この例を機能させる方法を知りたいです。

4

1 に答える 1

7

Om ソースコードで例を見つけたので、これを試してみることにしました。

    (dom/img
     #js {:className "img-circle"
          :src "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
          :style #js {:width "140px" :height "140px"}
          :alt "Generic Placeholder Image"})
于 2014-12-09T07:42:59.400 に答える