首页 文章

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

提问于
浏览
0

我想让用户从我的网站分享图像到twitter .

我使用此模块react-share来实现此功能 . 但它没有提供共享图像的选项 .

我的代码看起来像这样 .

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 .

2 回答

  • 0

    您无法使用此小部件向twitter分享丰富的内容,只能通过静态网址托管您的图片并通过 TwitterShareButton 分享该网址

    示例react-share code snippet at https://samvikshana.weebly.com/blog/react-share-social-share-widgets

  • 1

    请在您的代码中添加 <TwitterIcon>

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

相关问题