react 使用<a> 標籤注意事項

當我嘗試使用a標籤跳轉頁面

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

 

提示報錯：使用 target="_blank" 沒有加 rel="noopener noreferrer" 是 有安全風險的，可查看以下鏈接進行詳細查看

Using target="_blank" without rel="noopener noreferrer" is a security risk: see https://mathiasbynens.github.io/rel-noopener

 

 修改方法：

一、在a標籤上加上 rel="noopener noreferrer"

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

　　

二、使用div標籤

<div onClick={() => {window.open('http://baidu.com')}}></div>