919. 【前端】Taro.useShareAppMessage 自定义分享封面

useShareAppMessage 是微信小程序官方提供的一个函数组件，用于处理小程序分享功能。该组件可以获取分享的相关信息，并根据这些信息自定义分享的标题、描述、缩略图等内容。

useShareAppMessage 组件的第一个参数是回调函数，该函数会在分享事件触发时被调用。回调函数的参数是一个对象，包含以下属性：

• shareType：分享的类型，可以是 "weixin"、"weibo"、"qq"、"qzone"、"moments"、"copy"、"email"、"print"、"favorite"。
  
• target：分享的目标，可以是 "self"、"friend"、"timeline"。
  
• shareData：分享的数据，包含以下属性：

• title：分享的标题。
  
• desc：分享的描述。
  
• imgUrl：分享的缩略图。
  
• path：分享的链接。
  

useShareAppMessage 组件的第二个参数是配置项，可以用来设置分享的默认值。配置项的属性如下：

• title：分享的标题，默认为当前页面的标题。
  
• desc：分享的描述，默认为当前页面的描述。
  
• imgUrl：分享的缩略图，默认为当前页面的缩略图。
  
• path：分享的链接，默认为当前页面的路径。
  

useShareAppMessage 组件的使用示例：

import { useShareAppMessage } from '@tarojs/taro';
export default function App() {
  const { shareData } = useShareAppMessage();
  return (
    <View>
      <Button
        open-type="share"
        onShareAppMessage={(res) => {
          // 自定义分享的标题和描述
          shareData.title = '我的小程序';
          shareData.desc = '这是我的小程序';
          // 调用微信分享接口
          wx.showShareMenu({
            shareData,
          });
        }}
      >
        分享
      </Button>
    </View>
  );
}

在上述示例中，使用 useShareAppMessage 组件获取了分享的相关信息。然后，我们自定义了分享的标题和描述，并调用了微信分享接口。