كود مشاركة موقعك الالكتروني ب React Js
كود مشاركة موقع الالكتروني ب React Js
اتبع الخطوات التالية :-
1- قم بانشاء ملف للايقونة ( Icon.js )
2- قم بعمل استدعاء للملف الخاص بك في ملف المشروع الاساسي
;"import Icon from "./Icon.js
3- في ملف ال icon قم بوضع الاكواد التالية :-
import React from "react";
import { FaShareAlt } from "react-icons/fa";
const Icon = () => {
const share = () => {
let shareDate = {
title: document.title,
url: document.location.href,
};
if (navigator.canShare(shareDate)) {
navigator.share(shareDate);
}
};
return (
<>
<div
onClick={() => {
share();
}}
className="icon"
>
<FaShareAlt />
</div>
</>
);
};
export default Icon;
4- في النهاية ارجو ان تكون المساهمة قد اعجبتكم.
نبذة عن الكاتب
المساهمات
2
الردود
0
النقاط
0
انشاء الحساب | منذ سنة |
آخر تواجد | منذ 5 أشهر |