如何使用react js实现与twitter的共享

Question

我想让用户将我网站上的图片分享到twitter上。

我使用这个模块react-share来实现this.But，它没有提供共享图像的选项。

我的代码看起来像这样。

import { ShareButtons, ShareCounts, generateShareIcon, } from 'react-share';

const {
    FacebookShareButton,
    GooglePlusShareButton,
    LinkedinShareButton,
    TwitterShareButton,
    PinterestShareButton,
    VKShareButton,
} = ShareButtons;

<TwitterShareButton
    url={shareUrl}
    title={title}
    className="shareBtn col-md-1 col-sm-1 col-xs-1">
    <a className="twitter"><i className="fa fa-twitter" aria-hidden="true"></i></a>
</TwitterShareButton>

请帮我解决如何将图片分享到twitter上。

Answer 1

请在代码中添加<TwitterIcon>

<TwitterShareButton
        url={shareUrl}
        title={title}
        className="Demo__some-network__share-button">
        <TwitterIcon
          size={32}
          round />
      </TwitterShareButton>

Answer 2

react-share 不支持图片上传。您只能与TwitterShareButton.共享url、标题和哈希标签当您添加url时，将显示页面的主要图像。

你的图标也不见了，这就是你添加图标的方式。

<TwitterShareButton url={url} title={title}>
    <button className="btn btn-circle">
        <i className="fab fa-twitter"> </i>
    </button>
</TwitterShareButton>

Answer 3

你不能使用这个小工具来分享丰富的内容到twitter上，唯一的办法就是把你的图片放在静态网址上，然后通过TwitterShareButton分享。

https://samvikshana.weebly.com/blog/react-share-social-share-widgets上的react-share示例代码片段