如何在Material UI的SpeedDial中使用react-share？

Question

我试着用React，react-share和SpeedDial from Material UI来创建一个社交分享按钮的SpeedDial，但是react-share要求我使用它的按钮。

我有以下SpeedDial代码：

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>

我不知道如何从action.onClick触发共享操作。有可能吗？

Answer 1

例如，我发现我可以将图标作为SpeedDialAction的图标来传递。