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&