jquery - 我如何能够将此 jQuery 代码转换为 React Native？

Question

我目前正在我们的新闻网站上实施砌体设计，该网站也将包括推文。然而，由于推文是在砌体加载后渲染的，我被卡住了。

但我发现这可以通过 jQuery 解决；示例（https://codepen.io/ziegfiroyt/pen/KMVYPZ）：

    // Twitter widget is loading.
  window.twttr = function (d, s, id) {
  var t, js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return; js = d.createElement(s); js.id = id;
  js.src = "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);
  return window.twttr || (t = { _e: [], ready: function (f) { t._e.push(f) } 
});
  }(document, 'script', 'twitter-wjs');

// When widget is ready, run masonry
twttr.ready(function (twttr) {
  twttr.events.bind('loaded', function (event) {
    $('.grid').masonry({
      itemSelector : '.grid-item',
      columnWidth : 300,
      gutter: 20
    });
  });
});

唯一的问题是，我们的整个 Web 应用程序都是在 React 中创建的，而且我读过混合使用 jQuery 和 React 是不利的。

那么在这种情况下，有没有办法将这个 jQuery 代码转换成 React 呢？这是我们网站的一项关键设计功能，在解决此问题之前我们无法取得进展。

提前感谢这里的任何人！

标签： jqueryreactjstwitter