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

Question

我正在使用 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

Answer 1

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