如何在reactjs的社交媒体上分享react-chartjs-2的条形图作为图像？

如何解决如何在reactjs的社交媒体上分享react-chartjs-2的条形图作为图像？

我正在开发一个 React 应用程序并使用 react-chartjs-2 创建了条形图。我想在社交媒体上将该条形图作为图像分享。我尝试了 react-share 包，但其中使用的共享按钮只允许传递 url。我找不到办法做到这一点。

这是我的条形图代码。

我将数据和选项作为道具传递给类组件的地方

import React from 'react';
import {HorizontalBar} from 'react-chartjs-2';

class BarareaComponent extends React.PureComponent {

  componentRef = React.createRef();

  render() {
    return (
        <div>
            <HorizontalBar ref={this.componentRef} id="Bararea" height={600} data={this.props.data} options={this.props.options}/>
        </div>
    );
  }
}
export default BarareaComponent;

这是我尝试使用 react-share 实现的共享功能代码

import { FacebookShareButton,FacebookIcon } from "react-share"
    const currentURL = window.location.href // returns the absolute URL of a page
    <FacebookShareButton url={currentURL} >
            <FacebookIcon size={40} round />
    </FacebookShareButton>

如何包含共享 react-chartjs-2 条形图的共享按钮？