reactjsレンダリングメソッドのhtmlフラグ

私の下のコードを見つけてください。どのように私はreactjsのレンダリングメソッド（）でhtmlフラグを表示できますか？reactjsレンダリングメソッドのhtmlフラグ

<td>{ this.props.flag=="true" ? {&#9872;} : null} </td>

その投げるエラー。

はこのようにそれを書く： '{this.props.flag == "true" に？＆＃9872：、 '＆＃9872' –

あなたは、例えばユニコード\u2690の代わりに、HTMLエンコードを使用する場合それがうまくレンダリングされます

<td>{ this.props.flag=="true" ? <span>&#9872;</span> : null} </td>

2017-10-25 07:09:53 anand

ありがとう..その働きは..私は旗の大きさを増やしたいと思っています。お勧めできますか？ – Karthikeyan

⚐ – anand

ありがとうございました。私のために働いています。 – Karthikeyan

EDIT：

以下のコメントのとおり修正しあなたは単にあなたが例えば、dangerouslySetInnerHTMLを使用することができますspan

または

でそれをラップすることができます：

{this.props.flag ? <span dangerouslySetInnerHTML={{ __html: '⚐' }} /> : null}

I詳細については、hereをお読みください。

2017-10-25 07:08:43

私たちは、このように、dangerouslySetInnerHTML''ずに書くことができます。 –

正しいのです。つまり、私は誤解を招くことがないように私の答えを更新しますおかげで：ヌル} ' –

でそれをラップ試してみてください

<td>{ this.props.flag && "\u2690" }</td>

2017-10-25 07:16:45 pawel

フラグのサイズを大きくしたい。どうやってやるの..？ – Karthikeyan

'' https://jsfiddle.net/36Lrv0nL/1/のような 'font-size' CSSプロパティを使う – pawel

答えて