react a标签跳转问题

react中， 当a标签需要跳转到动态获取的外部链接， 比如：

profile:{
	"website":"www.xxx.com"
}

<a 
href={profile.website} 
target="_blank" 
rel="noopener noreferrer"></a>

会跳转到新的标签页，但是地址会是localhost:3000/www.xxx.com,跳转不成功

应该加上http

<a 
href={“http://”+profile.website}
 target="_blank" 
  // onClick={()=>window.location.href=`http://${profile.website}`}
 rel="noopener noreferrer"></a>

然后你会发现blank就会失效，会一直在当前页打开
最后

<a 
href={“http://”+profile.website}
 target="_blank" 
  // onClick={()=>window.location.href=`http://${profile.website}`}
 rel="noopener noreferrer external"></a>

就ok了