Reactjs 参数';href';应表示有效的URL

Reactjs 参数';href';应表示有效的URL,reactjs,next.js,react-share,Reactjs,Next.js,React Share,我正在使用next js和react share来共享页面。我的问题是,当我尝试共享页面时,会出现如下错误: const shareUrl = window?.location.href ?? ''; 参数'href'应表示有效的URL 我不知道为什么 我试过这样做: import {FacebookIcon, FacebookShareButton, FacebookShareCount} from 'react-share' const shareUrl = global.window

我正在使用
next js
react share
来共享页面。我的问题是,当我尝试共享页面时,会出现如下错误:

const shareUrl = window?.location.href ?? '';
参数'href'应表示有效的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>

从'react share'导入{FacebookIcon,FacebookShareButton,FacebookShareCount}
const shareUrl=global.window&&window.location.href;

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

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

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

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

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

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

尝试在不使用
global.window&
的情况下使用
global.window&