Javascript 将https链接替换为<；a>；使用模板

我面临一个问题，需要替换api中的答案并正确格式化它

answerFromAPI = "textword textword textword textword textword.\n\nFeel free to ask me questions from this site:\nhttps://google.com  \n"

我想按如下方式格式化和渲染它：

textword textword textword textword textword.


Feel free to ask me questions from this site:

https://google.com     /*this should be clickable link*/

为此，我创建了两个函数。文本链接第一名

 let textLink = answerFromAPI.replace(/(((https?\:\/\/)|(www\.))(\S+))/gi,
           function (x) {
             console.log(x)
            return '<a href="' + x + '" target="_blank">' + x + '</a>';
         })

之后，我将在jsx中呈现该数组

render() {
let temp = []

this.array.map((a,index)=>{
temp.push(<p>{a}</p>)}
)}

render（）{
设温度=[]
this.array.map（（a，index）=>{
临时推送（{a}
）}
)}

并返回如下

return <div>
{temp}
</div>

返回
{temp}

如何在前端正确呈现我的消息。我尝试了多种方法，但我面临一个问题，比如函数的响应是作为字符串而不是HTML标记传递的

---

如何实现这一点？

您需要在元素上设置

innerHTML

属性，使其呈现HTML而不是字符串

return <div innerHTML={temp} />;

返回；

---

有关更多详细信息，请参阅。

我的问题已解决，因此我无法实现您的想法，因为我必须对现有代码进行大量更改。也许你对这个解决方案是正确的。无论如何，非常感谢你，伙计

return <div>
{temp}
</div>

return <div innerHTML={temp} />;