常见a标签的错误及解决办法

一、在a标签中如果使用了 target=“_blank”

target=“_blank” 是一种有漏洞的使用方式

如果要用的话，那么就需要加上 rel=“noopener noreferrer”>，用来阻止漏洞

<a href="http://baidu.com" target="_blank" ref="noopener noreferrer"></a>

二、修改配置

解决办法

运行 npm run eject
//添加配置

//在package.json文件中添加如下代码
"eslintConfig": {
    "extends": "react-app",
    "rules":{
      "jsx-a11y/anchor-is-valid":"off"
    }
  }

三、a中没有给任何的内容时会警告

例如：

出现警告

解决办法

1.添加文字，并且在样式中添加text-indent:-9999px; 使其跑出屏幕外面

<a href="#/" className="logo sprite_01">网易云音乐</a>

2.添加空格

<a href="#/" className="logo sprite_01">  </a>