从 React js 中的 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);

看看这是否有效。

从 React js 中的 json 响应中删除 html 标签

Remove html tags from json response in reactsjs

html

javascript

tags

json

reactjs