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

IT技术 reactjs share progressive-web-apps web-share
2021-04-30 03:13:17

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

是的,我正在使用 HTTPS。是的,我使用的是支持 Web Share Api (Safari 13.0.4) 的浏览器。它确实共享正确,但只是没有使用我提供的文本,是的,是一个通用文本:“React App localhost 这个网站是使用 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 会覆盖我的份额,我该如何避免这种情况? 这是它发生的 gif

1个回答

这不是 Web Share API 或其实现的问题。Notes 应用程序仅支持 url 属性,并根据 url 的元数据显示示例。