无法使 Ant 按钮在 React 和 NextJS 的新选项卡中打开外部 link
Unable to make Ant button open an external link in a new tab in React and NextJS
我有一个这样设置的 Ant 按钮:
<Button
style={{ borderRadius: '0.5rem' }}
type="default"
target="_blank"
onClick={() => {
window.location.assign(
value.upComing[0].jitsiUrl,
);
}}
>
Join your Jitsi appointment
</Button>
其中 value.upComing[0].jitsiUrl 是一个 URL 字符串。但是,当我实际按下按钮时,它会将 URL 附加到当前路径的末尾,如下所示:
此外,它不会在新标签页中打开。因此,我想知道如何实现,以便在按下按钮时,URL 在新选项卡中成功打开。我尝试将“href”属性与“target = '_blank'”属性一起使用,虽然这会在新选项卡中打开,但 URL 仍会附加到当前路径的末尾。 (出于某种原因,当我尝试时,字符串未定义)。
(注:App使用了React和NextJS)
我解决这个问题已经有几天了,很抱歉更新晚了。事实证明,我必须在 URL 后附加“https://”,因为它没有像那样保存在数据库中。之后就成功了。
我有一个这样设置的 Ant 按钮:
<Button
style={{ borderRadius: '0.5rem' }}
type="default"
target="_blank"
onClick={() => {
window.location.assign(
value.upComing[0].jitsiUrl,
);
}}
>
Join your Jitsi appointment
</Button>
其中 value.upComing[0].jitsiUrl 是一个 URL 字符串。但是,当我实际按下按钮时,它会将 URL 附加到当前路径的末尾,如下所示:
此外,它不会在新标签页中打开。因此,我想知道如何实现,以便在按下按钮时,URL 在新选项卡中成功打开。我尝试将“href”属性与“target = '_blank'”属性一起使用,虽然这会在新选项卡中打开,但 URL 仍会附加到当前路径的末尾。 (出于某种原因,当我尝试时,字符串未定义)。
(注:App使用了React和NextJS)
我解决这个问题已经有几天了,很抱歉更新晚了。事实证明,我必须在 URL 后附加“https://”,因为它没有像那样保存在数据库中。之后就成功了。