Question

我正在尝试使用react js为Twitter时间轴开发自定义ui。因此，我需要以某种方式获取访问时间表的内容。我在以下网址的jQuery中找到了正确的工作示例

https://github.com/joom/twitter-timeline-scraper/blob/master/example.html

<a class="twitter-timeline" href="https://twitter.com/cumhurkorkut" data-widget-id="401196810128998400">Tweets by @cumhurkorkut</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";js.setAttribute('onload', "twttr.events.bind('rendered',function(e) {Timeline.onLoad(e)});");fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<script src="timeline.js"></script>
<script>
var data;
document.addEventListener('onTimelineRender', function(e) {
  data = Timeline.serialize(e.detail.timeline);
  console.log(data);
});
</script>

根据上述代码，我可以使用以下代码来获取时间轴数据

Timeline.serialize(e.detail.timeline)

我需要在react JS中做同样的事情，我试图在react中转换上面的代码，但是失败了。有没有人可以帮助我？

Answer 1

我发现有人为timeline.js创建了一个反应库，您可以尝试使用this

Answer 2

从字面上看，您可能想要的一切都已在此处构建，只要将Twitter小部件嵌入React应用程序中-> https://saurabhnemade.github.io/react-twitter-embed/?path=/story/twitter-timeline-embed--timeline-list-with-list-id

除非您只是在寻求一些额外的练习，否则无需重新发明轮子；）

在自定义UI中渲染Twitter时间轴（在React JS中）

2 个答案: