ReactでSVGタグを使おうとしたときに次のようなエラーに遭遇しました。
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>
