react中实现点击分享

在React中实现点击分享可以使用社交分享插件，比如AddThis或ShareThis等。这些插件可以提供一组社交媒体按钮，当用户点击其中一个按钮时，会弹出一个分享弹窗，用户可以在此处分享当前页面的链接到其社交媒体账户上。

下面是一个使用AddThis的示例代码：

1. 在React项目中安装AddThis插件：

npm install addthis --save

2. 在React组件中引入AddThis：

import AddThis from 'addthis-react';

3. 在render方法中添加AddThis组件并配置属性：

render() {
  return (
    <div>
      <AddThis
        pubid="your-addthis-pubid"
        url="your-share-url"
        title="your-share-title"
        description="your-share-description"
      />
    </div>
  );
}

其中，pubid是你在AddThis网站上注册的pubid，url是你要分享的链接，title是分享的标题，description是分享的描述。这样，当用户点击AddThis组件时，就会弹出分享弹窗，用户可以选择分享到其社交媒体账户上。