将链接数组转换为链接-React

Question

我是React的新手。我正在尝试将包含链接的数组转换为在网站中按顺序显示链接的数组。

像这样的东西：

external_references = ["https://google.com", "https://en.wikipedia.org/wiki/Wiki"]

变成这样显示在服务器上的东西：

external_references:
https://google.com(link)
https://en.wikipedia.org/wiki/Wiki(link)

我试着做我发现的以下代码，但没有成功：

<span className="externalRefs">External_references: <br></br> {external_references.forEach(link => {
return new DOMParser().parseFromString(link, "text/xml");
})}</span>

Answer 1

您可以尝试映射函数：

<p>external_references:</p>
{external_references.map(link=>{
return <div key={link}>
<a href={link}>{link}</a>
</div>
}
}

我建议您使用链接作为密钥，因为每个链接都应该不同。

Answer 2

仅

{external_references.map((reference, i) => {
return(
<div key ={i}>
<a href ={reference}>{reference}</a>
</div>
);
})}

Answer 3

您可以使用Array.map函数。

<span className="externalRefs">External_references: <br></br> 
{
external_references.map(link, i) => {
<div key ={i}>
<a href ={link}>{link}</a>
</div>
}
}
</span>