Comment implémenter le partage sur twitter avec réagir js

Question

Je souhaite que les utilisateurs partagent des images de mon site Web vers Twitter.

J'ai utilisé ce module react-share pour implémenter ceci.Mais il ne donne pas une option pour partager des images.

Mon code ressemble à ceci.

` 
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>` 

S'il vous plaît aidez-moi à résoudre ce problème sur la façon de partager des images à twitter.

Answer 1

S'il vous plaît ajouter <TwitterIcon> dans votre code

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

Answer 2

Vous ne pouvez pas partager un contenu riche à Twitter en utilisant ce widget, seul moyen est d'héberger votre image sur url statique et partager cette URL via TwitterShareButton

échantillon Réagissez sur l'extrait de code de partage à https://samvikshana.weebly.com/blog/react-share-social-share-widgets