読者です 読者をやめる 読者になる 読者になる

tyoshikawa1106のブログ

- Force.com Developer Blog -

React:ReactJSX is not XMLエラーについて

React

ReactでSVGタグを使おうとしたときに次のようなエラーに遭遇しました。

f:id:tyoshikawa1106:20160415234328p:plain

ReactJSX is not XML

検索するとStackoverflowに詳しい情報が見つかりました。


あまり理解できていないのですが、dangerouslySetInnerHTMLをつかった解決方法とかがあるみたいです。

render: function() {
    return <span dangerouslySetInnerHTML={{__html: "<svg>...</svg>"}} />;
}

追記(2016-05-18)

use xlinkHrefという書き方が用意されていました。

<svg aria-hidden="true" className="slds-icon slds-icon-standard-event slds-timeline__icon">
  <use xlinkHref="./public/vendor/salesforce-lightning-design-system/assets/icons/standard-sprite/svg/symbols.svg#event"></use>
</svg>