reactjs - 参数“href”应该代表一个有效的 URL

Question

我正在使用next js和使用react-share共享页面。我的问题是当我尝试共享页面然后向我显示如下错误：

Parameter 'href' should represent a valid URL

我不知道为什么。

我试过这样：

import {FacebookIcon, FacebookShareButton, FacebookShareCount} from 'react-share'

const shareUrl = global.window && window.location.href;


 <FacebookShareButton
        url={`${shareUrl}`}
        title={blog.title}
        className="Demo__some-network__share-button">
        <FacebookIcon
          size={32}
          round />
      </FacebookShareButton>

请有任何建议

Answer 1

如果您使用 && 运算符并且条件为 false，则 shareUrl 值将为 false，并且 url 属性需要是字符串，因此您需要执行以下操作：

const shareUrl = window?.location.href ?? '';

在这种情况下窗口？告诉 js，如果窗口对象未定义或为 null，您将返回空字符串而不是 false。