时间戳

首页 > 解决方案 > 以编程方式打开对话框以共享到 Twitter

javascript - 以编程方式打开对话框以共享到 Twitter

问题描述

我正在尝试在我的 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. 偶尔在我的程序中，我需要在根本不点击任何按钮的情况下打开推特分享对话框

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

标签： javascriptreactjstwittershare

解决方案

推荐阅读