如何在链接内执行逻辑以决定“ _blank”和“ _self”之间的关系?

时间:2018-07-27 16:39:59

标签: html reactjs hyperlink

我希望页面上呈现一些链接,并希望在同一选项卡中打开某些链接,并希望在新选项卡中打开其他链接。我熟悉target="_self"<a></a>。问题是我如何在<a className={irrelevant} href={link.url} target={PERFORM LOGIC HERE: if (link.external) then "_blank" etc.}> 标记内执行逻辑来决定如何打开选项卡。

对于上下文,我的代码如下所示:

link.external

_blank包含一个布尔值,用于确定该链接是否应为{{1}}。

1 个答案:

答案 0 :(得分:3)

<a className={irrelevant} href={link.url} target={link.external ? "_blank" : "_self"}>

就这么简单,如果您的link.external为非零且为正值且不为null,则它将以"_blank"为目标,否则“ _self”为目标