如何将Twitter小部件嵌入Reactjs？

去微博小部件网站（https://publish.twitter.com/）我能够得到一个小部件添加到我的网站。我使用的示例代码，试图了解热它的工作原理：如何将Twitter小部件嵌入Reactjs？

<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>

来源

2016-11-29 abrahamlinkedin

看看这个NPM包：react-twitter-widgets。这似乎正在完成您需要的所有功能。

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

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

来源

2016-11-29 19:26:29

这一切都很好。但我没有在节点环境中运行它。 – abrahamlinkedin

您是否还没有使用npm管理您的React软件包？它不必在服务器上运行。 –

这是所有的静态html文件，我打算放在codepen上。 – abrahamlinkedin

如何将Twitter小部件嵌入Reactjs？

回答

相关问题