navigator.share (Web Share api) 分享 React App 文字，不是我放的文字

问题描述

我正在使用 React（不是 React Native）并且我正在尝试使用 Web Share Api 通过我的应用程序共享一些文本和一个 url。但是，当我打开任何应用程序进行共享时，它会从我放置的文本更改为来自 React 本地开发的默认文本。

是的，我使用的是 HTTPS。是的，我使用的是支持 Web Share Api (Safari 13.0.4) 的浏览器。它确实正确共享，但只是不使用我提供的文本，是的，通用文本： “反应应用 本地主机 该网站是使用 create-react-app 创建的"

这是我用来分享的功能：

const handleClick = () => {
    if (navigator.share) {
      navigator
        .share({
          title: "Something",text: "Hello,please come visit my website",url: "www.website.com.br",})
        .then(() => {
          console.log("Successfully shared");
        })
        .catch((error) => {
          console.error("Something went wrong",error);
        });
    }
  };

为什么 React 会覆盖我的共享，我该如何避免？ Here's a gif of it happening

解决方法

这不是网络共享 API 或其实现的问题。 Notes 应用程序仅支持 url 属性，并根据 url 的元数据显示示例。