从反应js中的json响应中删除html标签答案

【问题标题】：Remove html tags from json response in reactsjs从反应js中的json响应中删除html标签
【发布时间】：2021-03-14 13:20:24
【问题描述】：

我对如何从 reactjs 中的 JSON 响应中删除 HTML 标记感到困惑。这是 JSON 响应：

{
    "price": "26,800.98",
    "diff": "<!--daily_changing-->+13.44 (+0.05%)&nbsp;&nbsp;<span class=\"icon-arrow-dark-circle-right-up zoom-icon\" aria-hidden=\"true\"></span>",
    "diff_xs": "<!--daily_changing-->+13.44 (+0.05%)&nbsp;<span class=\"icon-arrow-dark-circle-right-up zoom-icon\" aria-hidden=\"true\"></span>",
    "price_diff": "<!--daily_changing--><div class=\"current_sub_pos\"><span class=\"current_sub_price\">26,800.98&nbsp;</span>+13.44 (+0.05%)&nbsp;&nbsp;<span class=\"icon-arrow-dark-circle-right-up zoom-icon\" aria-hidden=\"true\"></span>"
}

我想在 react 中获得 diff 值 +13.44

【问题讨论】：

标签： javascript html json reactjs tags

【解决方案1】：

你可以试试这样的。

const jsonData = {
"price": "26,800.98",
"diff": "<!--daily_changing-->+13.44 (+0.05%)&nbsp;&nbsp;<span class=\"icon-arrow-dark-circle-right-up zoom-icon\" aria-hidden=\"true\"></span>",
"diff_xs": "<!--daily_changing-->+13.44 (+0.05%)&nbsp;<span class=\"icon-arrow-dark-circle-right-up zoom-icon\" aria-hidden=\"true\"></span>",
"price_diff": "<!--daily_changing--><div class=\"current_sub_pos\"><span class=\"current_sub_price\">26,800.98&nbsp;</span>+13.44 (+0.05%)&nbsp;&nbsp;<span class=\"icon-arrow-dark-circle-right-up zoom-icon\" aria-hidden=\"true\"></span>"
}
const deleteHtml = jsonData.replace(/<\/?[^>]+>/gi, '');
console.log(deleteHtml);

看看这是否有效。

【讨论】：

【解决方案2】：

使用your_string.replace(/<[^>]*>?/gm, ''); 将删除html

【讨论】：