如何修复json响应与链接显示为一个文本在客户端

Question

我正在向客户端发送带有消息的json响应。它有一个添加到另一个页面的超链接。但是当我打印我的结果在前端标记显示为文本。你知道如何解决这个问题吗?

这是NextJs项目

响应发送码。

res.status(500).json({
status: false,
msg: `User Is Already Acticated. Please <a href="${
proto + req.headers.host
}/login">Login</a>`,
});

前端结果

尝试添加Link代替a。但是没有成功。

Answer 1

您可以使用dangerouslySetInnerHTML:

function Example({ response }) {
return (
<div dangerouslySetInnerHTML={{ __html: response.msg }} />
);
}