วิธีแชร์ Image-Url ไปยัง Facebook, twitter และ Instagram ใน React JS

ฉันมีเพจที่ผู้ใช้สามารถอัพโหลดรูปภาพและแก้ไขได้โดยใช้ Api เดียว

ขณะนี้การใช้รูปภาพที่ได้รับในรูปแบบ url จำเป็นต้องแชร์ในโซเชียลมีเดีย เช่น Facebook, Twitter และ Instagram

ต่อไปนี้คือ URL ที่ใช้สำหรับการเปลี่ยนเส้นทางโซเชียลมีเดีย:

เฟสบุ๊ค -https://www.facebook.com/sharer.php?u=${window.location.href}?imageurl=${imageUrl} Twitter- https://twitter.com/intent/twitter?url=${window.location.href}?imageurl=${imageUrl} Instagram- ยังหาไม่เจอ

สิ่งที่พยายาม: พยายามเพิ่ม {imageUrl} ซึ่งจัดเก็บไว้ในสถานะลงในเมตาแท็กแบบไดนามิกโดยใช้ createElement และ setAttribute ใน componentDidMount ซึ่งไม่ได้อัปเดตรูปภาพนี้ใน Facebook แต่สามารถเพิ่มรูปภาพนี้ใน og:image ใน head->meta แท็ก กรุณาให้วิธีแก้ปัญหาบางอย่างแก่ฉัน มันจะเป็นความช่วยเหลือที่ดี

           <a
            data-pgaction-redirection="0"
            target="_blank"
            rel="noopener noreferrer"
            title={title}
            href=`{https://www.facebook.com/sharer.php?u=${window.location.href}? 
            imageurl=${this.state.imageUrl}}`
          >
           Facebook
          </a>