Reactjs 如何将react share与物料界面的SpeedDial一起使用？

我正试图用React和制作一个社交共享按钮的快速拨号，但React共享要求我使用它的按钮

我有以下快速拨号代码：

const actions = [
    {icon: <FacebookIcon size={32} round />, name: 'Facebook'},
    {icon: <TwitterIcon size={32} round />, name: 'Twitter'},
    {icon: <WhatsappIcon size={32} round />, name: 'WhatsApp'},
    {icon: <TelegramIcon size={32} round />, name: 'Telegram'},
    {icon: <EmailIcon size={32} round />, name: 'E-mail'}
];


<SpeedDial
      ariaLabel="SpeedDial example"
      className={classes.shareButton}
      icon={<SpeedDialIcon icon={<ShareIcon/>} openIcon={<CloseIcon/>}/>}
      onClose={handleClose}
      onOpen={handleOpen}
      open={open}
      direction='up'
    >
      {actions.map((action) => (
        <SpeedDialAction
          key={action.name}
          icon={action.icon}
          tooltipTitle={action.name}
          onClick={action.onClick}
        />
      ))}
    </SpeedDial>

const actions=[
{图标：，名称：'Facebook'}，
{图标：，名称：'Twitter'}，
{图标：，名称：'WhatsApp'}，
{图标：，名称：'电报'}，
{图标：，名称：'E-mail'}
];
{actions.map（（action）=>(
))}

---

我不知道如何从

action.onClick

触发共享操作。有可能吗？

我发现我可以将

FacebookShareButton

作为图标传递给

SpeedDialAction

您找到解决方法了吗？