reactjs - 将 EmojiOne 与 React 一起使用

Question

我一直在尝试将 EmojiOne 与 React.js 与标准 .toImage 一起使用（请参阅文档 http://git.emojione.com/demos/latest/jstoimage.html）。这是我的代码的样子，或多或少

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

这给了我

图片链接

这是它在检查元素中的样子：

图片链接

所以据我所知，emojione 库将图像代码作为文本而不是元素放入 React。知道为什么吗？

谢谢！

Answer 1

React 正在逃避 EmojiOne 的输出，以避免跨站点脚本攻击。您可以（但可能不应该......）使用dangerouslySetInnerHTML将 EmojiOne 的输出作为“实际”HTML 注入。

有人已经编写了一个可能有用的 React EmojiOne 包装器：https ://github.com/pladaria/react-emojione

有关更多信息dangerouslySetInnerHTML以及为什么应该避免它，请查看：https ://facebook.github.io/react/tips/dangerously-set-inner-html.html