正确答案是:必须要加下划线!!!
target="blank"在功能上看上去和target="_blank"一样,都是跳转到一个新页面。并且在Chrome、Firefox、Safari等浏览器也能正常跳转,兼容性没有问题。
{/* value的值从后端接口获取 */}
<a href={ `${value}` } target = "blank" >
{ value }
< /a>
<a href={ `${value}` } target = "_blank" >
{ value }
< /a>
当我们使用第一个写法(不加_),连续多次点击a标签后,我们会发现总是跳转到第一次打开的新页面,即同一个页面,
第二个写法(加_),多次点击会新增多个新页面,这才是我们需要的功能!
官方a标签的target属性都是加下划线的,链接如下:
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a
![](https://img-blog.csdnimg.cn/img_convert/cbc174a14560a14a1b0d0f151966e210.png)
补充:那为什么target="blank"这个错误写法依然能跳转一个新页面呢?
由于不是关键词'_blank',所以默认为新页面的名称为blank。