タグではなくても、文字列からhtmlを挿入しようとしています。
これを解決するには、2つの簡単な解決策があります。
まずあなたがタグにこの要素をラップし、その後、それを挿入することができます。
var title = ["My Title", <span>™</span>]
第二に、あなたはよく、それは危険だ、ので、それはお勧めできませんにもかかわらずdangerouslySetInnerHtml
を使用することができます。
return <div dangerouslySetInnerHTML={{__html: title}}></div>
完全性のために、@Tom Fenechは答えとして2つの優雅な解決策を示しました。
全作業コード:
var Example = React.createClass({
render: function() {
var listTitle = ["My Title", <span>™</span>]
var dangerousTitle = "My other Title™";
return <div>
{listTitle}<br/>
<div dangerouslySetInnerHTML={{__html: dangerousTitle}}></div>
</div>;
}
});
ReactDOM.render(
<Example/>,
document.getElementById('container')
);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="container"></div>
ありがとうございます!それは働く –