从 reactsjs 中的 json 响应中删除 html 标记

Question

我对如何从 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>"
}

我想在反应中获得差异值 +13.44

Answer 1

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

Answer 2

你可以尝试这样的事情。

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);

看看这是否有效。