چطور قابلیت share را در react پیاده سازی کنیم؟
- نفیسه افقی 2 سال قبل سوال کرد
- آخرین ویرایش 2 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
می توانید از کتابخانه react-share
برای این کار استفاده کنید. با دستور زیر نصبش کنید:
npm install react-share --save
لیست شبکه های اجتماعی که پشتیبانی می کند را می توانید از این لینک ببینید. برای هر شبکه اجتماعی (مثلا whatsapp, linkedin, facebook, twiter , email,…) یک کامپوننت و یک آیکن تعریف شده که باید بصورت زیر آن ها را ایمپورت کنید:
import { LinkedinShareButton,LinkedinIcon} from 'react-share';
و بدیت ترتیب از آن استفاده کنید:
<LinkedinShareButton
url={"http://localhost:3000/posts/"+props._id}
title="یه پست جذاب از فلیکا"
summary={props.description}>
<LinkedinIcon style={{ opacity: '1'}} size={28} round={true}/>
</LinkedinShareButton>
- نفیسه افقی 2 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید