リアクションjsでシェアトゥウィッターを実装する方法

Question

ユーザーが自分のウェブサイトから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で画像を共有する方法を教えてください。

Answer 1

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

Answer 2

あなたはこのウィジェットを使用してTwitterへの豊富なコンテンツを共有することはできませんあなたのコードで<TwitterIcon>を追加してください、唯一の方法は、TwitterShareButton

サンプルを経由して、そのURLを静的URLに自分のイメージをホストし、共有することです反応共有コードスニペットhttps://samvikshana.weebly.com/blog/react-share-social-share-widgets