ReactjsにTwitterウィジェットを埋め込む方法は？

Question

twitterウィジェットサイトに行く（https://publish.twitter.com/）私のサイトに追加するウィジェットを取得することができます。

<a class="twitter-grid" href="https://twitter.com/TwitterDev/timelines/539487832448843776">National Park Tweets</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 

これをHTMLページに追加するだけで、コードは正確に動作するはずです。それはそれぞれのつぶやきのグリッドを表示します。

しかしこれをReactJSに追加すると、フォールバックコードだけが表示され、これは単にTwitterユーザー名へのリンクを提供するだけです。

私は無駄に以下を使用して試してみました：

<div dangerouslySetInnerHTML={{__html: "<a className='twitter-grid' href='https://twitter.com/TwitterDev/timelines/539487832448843776'>National Park Tweets</a> <script async src='https://platform.twitter.com/widgets.js' charset='utf-8'></script>"}}> 
    </div> 

Answer 1

このNPMパッケージチェックアウト：react-twitter-widgetsを。これは、あなたが必要なものを完成させているようです。

import { Tweet } from 'react-twitter-widgets' 

ReactDOM.render(<Tweet tweetId='511181794914627584'/>, document.getElementById('root'))