Reactでemojioneとmarkdownを組み合わせるにはどうすればいいですか？

Question

今、私はreact-emojifyとreact-markdownの両方のテキストを解析しようとしています。どういうわけか両方のユーティリティの機能を組み合わせたいと思います。

問題が（私が正しく理解していれば）両方とも文字列をReact DOMに変換するという問題があります。 emojifyをcontentに実行すると、結果は<ReactMarkdown source={result} />に渡すことはできず、その逆もありません。

私は、React DOMをHTMLにシリアライズし、他のパーサーでいくつかのタグを許可するように考えていましたが、両者に互換性を持たせるためにはオプションが限られていました（emojify spits emoticonsは、リアクションマークダウン）。

他に誰かが試しましたか？私はこれを達成するのに役立ついくつかの方法（ライブラリを変えても）はありますか？私は唯一のreact-emojifyにオプションオブジェクトを渡すとは対照的に、（CSSで.emojioneクラスのプロパティを変更することで示されている方法を絵文字微調整する必要があった上で

import emojione from 'emojione'; 
import React from 'react'; 
import ReactMarkdown from 'react-markdown'; 

class ExampleComponent extends React.Component { 
    render() { 
    const content = this.props.content; 
    const emojified = emojione.shortnameToImage(content); 
    return (
     <ReactMarkdown source={emojified} /> 
    ); 
    } 
} 

を後：

Answer 1

私はemojioneでreact-emojifyを交換することによって、物事を動作させるために管理しました関数）。