微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 的元数据显示示例。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。