去掉html元素- React

Question

我目前正在开发一个随机的圣经经文生成器。当我调用API时，它返回包装在html元素中的文本(诗句)。看起来就是这样设计的。怎样才能去掉那些html元素，只返回文本？this is the output it returns

Answer 1

假设您不想替换，一种简单的方法是使用正则表达式render the HTML directly in React：

console.log(data.data.passages[0].content.replace(/<[^>]*>/gm, ""));

尽管这取决于诗句的潜在内容，但这可能会产生过多的空格，或者在深奥的HTML案例中失败。

您还可以将其转换为DOM节点，然后从中获取文本。参见this answer。