javascript - 在外部窗口选项卡中打开链接
问题描述
谁能帮我解决这个问题?我试图让链接在外部窗口选项卡中打开,但我无法使用href
.
这是代码 - src/utils/menu.js:
const menu = [
{
name: 'App',
sublinks: [
{ name: 'App Store', link: 'someLink' },
{ name: 'Play Store', link: 'someLink' },
]
},
{
...
},
]
}
]
module.exports = menu
export default function Menu(props) {
return (
<StyledMenu tabIndex={0}>
<StyledMenuTitle>
<span style={{ marginRight: '0.25rem' }}>{props.data.name} </span>
<MenuFlyout>
{props.data.sublinks.map((item, index) => {
return (
<StyledMenuItem tabindex={index} key={index}>
{item.link.split('.').slice(-1)[0] === 'pdf' ? (
<StyledExternalLink href={item.link} target="_blank" rel="noopener noreferrer">
<StyledTitle>{item.name}</StyledTitle>
</StyledExternalLink>
) : (
<StyledExternalLink href={item.link}>
<StyledTitle>{item.name}</StyledTitle>
{item.description && <StyledDescription>{item.description}</StyledDescription>}
</StyledExternalLink>
)}
</StyledMenuItem>
)
})}
</MenuFlyout>
</StyledMenuTitle>
</StyledMenu>
)
}
解决方案
我没有看到你的观点,但它看起来像而不是
<a href={something.link}>{something.name}</a>
你应该使用
<a target="_blank" href={something.link}>{something.name}</a>
(添加target="_blank"
到您的链接)。
推荐阅读
- python - 从 XML 文件中提取元素并使用 cElementTree 模块写入另一个文件
- sql-server - 有条件地在 T-SQL WHERE 子句中包含一行
- c# - 写入符号/字母时出现 DataGridView 错误 System.FormatException
- python - 一维数组的形状给出“元组”对象不可调用?
- php - 单击第二个添加到购物车按钮时,jQuery 代码不起作用
- python - 我在 c++ 中有一个 do while 循环,但我试图将其转换为 python 代码
- reactjs - FCM 网络推送通知 Google Analytics
- scala - 无法从 Spark 应用程序连接到 Hive 元存储
- javascript - 如何缩短 Firebase 身份验证令牌的过期时间以进行测试
- php - PHP:单击后退按钮仍会重定向到上一页