以编程方式打开“共享到Twitter”对话框

时间:2018-08-15 19:58:48

标签: javascript reactjs twitter share

我正在尝试在我的React应用程序中实现Twitter分享。从Twitter的SDK文档来看,似乎它们确实只向您显示了如何包括一个twitter按钮(由它们样式化),单击该按钮将打开一个对话框,以将您的当前URL共享给twitter。代码看起来像这样:

<a
className="twitter-share-button"
href="https://twitter.com/intent/tweet"
>
 Tweet
</a>

<script>
 window.twttr = (function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0],
   t = window.twttr || {};
 if (d.getElementById(id)) return t;
 js = d.createElement(s);
 js.id = id;
 js.src = "https://platform.twitter.com/widgets.js";
 fjs.parentNode.insertBefore(js, fjs);

 t._e = [];
 t.ready = function(f) {
   t._e.push(f);
 };

 return t;
}(document, "script", "twitter-wjs"))
</script>

我需要做三件事:

  1. 指定我要共享的网址
  2. 自定义Twitter分享按钮,外观完全不同
  3. 有时在我的程序中,我需要完全不单击任何按钮的情况下打开twitter共享对话框

任何人都可以提供任何帮助或为我指明正确的方向,因为我很难找到任何有用的资源。谢谢

0 个答案:

没有答案