如何在 ReactJS 中使用 react-web-share 激活网络共享？
在本文中，我们将学习如何使用 react-web-share 包在 ReactJs 中添加 Web Share 按钮。使用社交分享按钮，用户可以在不同的社交媒体网站上分享他们的内容。
React 是一个免费的开源前端 JavaScript 库，用于构建用户界面或 UI 组件。它由 Facebook 和一个由个人开发者和公司组成的社区维护。
方法：要添加我们的社交分享按钮，我们将使用 react-web-share 包。 react-web-share 包包含帮助我们添加社交分享按钮的 UI 组件。所以首先，我们将安装 react-web-share 包，然后我们将使用 react-web-share 包在我们的主页上添加不同的社交分享按钮。
创建 ReactJS 应用程序：您可以使用以下命令创建一个新的 ReactJs 项目：
npx create-react-app gfg 安装所需的包：现在我们将使用以下命令安装 react-web-share 包：
npm i react-web-share项目结构：它看起来像这样。
添加网络分享按钮：安装 react-web-share 包后，我们可以轻松地在应用程序的任何页面上添加不同的社交分享按钮。在本例中，我们将向主页添加社交分享按钮。
在App.js文件中添加以下内容：
App.js
import React from "react";
import { RWebShare } from "react-web-share";
export default function WebShareGfg(){
return (
Web Share - GeeksforGeeks
console.log("shared successfully!")}
>
);
};说明：在上面的例子中，我们首先从 react-web-share 包中导入 RWebShare函数。之后，我们将创建一个新的 WebShareGfg函数，该函数将返回我们的社交分享按钮。您也可以在数据的 URL 参数中传递您要发送的 URL。
运行应用程序的步骤：-在终端中运行以下命令以运行应用程序。
npm start输出：
