ReactでEmojiOneを使用する

Question

私はReact.jsを標準の.toImage（docs http：// git.emojione.com/demos/latest/jstoimage.htmlを参照）でEmojiOneを使用しようとしています。ここで、私のコードは次のようになります。ここで要素を調べるように見えるものだくれ

link to image

を与える多かれ少なかれ

//react imports 
import emoji from 'emojione'; 
//class component etc. render 
return(
//other things from component 
    {emoji.toImage(':smile:')} 
) 

：からそう

link to image

emojioneライブラリは、イメージコードを要素としてではなく、テキストとして反応させるようにしています。どんな考え？

ありがとうございます！

Answer 1

Reactは、サイト間のスクリプト攻撃を避けるため、EmojiOneの出力をエスケープしています。 dangerouslySetInnerHTMLを使用して、EmojiOneの出力を「実際の」HTMLとして挿入することはできますが（たぶん...） dangerouslySetInnerHTMLにhttps://github.com/pladaria/react-emojione

詳細情報については、それを避けるべき理由を、見て取る：

誰かがすでに有用である可能性がリアクトEmojiOneラッパーを書いていhttps://facebook.github.io/react/tips/dangerously-set-inner-html.html