首页 > 解决方案 > 如何从 json 数据中删除并在 React App 中显示纯文本

问题描述

我已将我的 json 数据检索到我的 react 本机应用程序中。我已经用这段代码删除了 html 标签

const regex = /(<([^>]+)>)/gi;
const result = params.matan.replace(regex, "");

但我仍然可以看到&nbsp;段落之间的空格。

如何从中删除&nbsp;它。还有什么要在我的正则表达式中添加以删除&nbsp;

在此处输入图像描述

标签: javascriptregex

解决方案


我宁愿创建一个 HTML 元素,将您拥有的 HTML 分配给它innerHTML,然后读出innerText

const html = params.matan // your HTML code
const el = document.createElement('div')
el.innerHTML = html
const text = el.innerText

对于 HTML 如下

<p>Hello&nbsp;World</p>

<p>Test 123</p>

它会回来

Hello World

Test 123

推荐阅读