参数'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，则URL值将为false，并且shareUrl prop需要是一个字符串，因此您需要执行以下操作：

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

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