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

如何解决参数“href”应该代表一个有效的 URL

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

请提出任何建议

解决方法

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

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

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