ReactJs：如何从道具中转义 封闭数据渲染答案

【问题标题】：ReactJs: How to escape enclosing data rendering from propsReactJs：如何从道具中转义 封闭数据渲染
【发布时间】：2019-09-02 08:42:05
【问题描述】：

我怎样才能逃避 将来自后端的数据包含在props 中。我想在没有  在文本周围包含标签的情况下显示我的文本。

例如：

props {
 explain: "`<p>`!! Check-in `</p>`"
}

我怎么能把它显示为

`props.explain` as "!! Check-in"

任何建议

【问题讨论】：

见stackoverflow.com/questions/15033905/…
我认为“转义”在这里不是正确的术语， 是呈现为 p 元素还是文本？如果是文本，则表示它们已经“转义”（&lt; 替换为 &lt; 和 &gt; 替换为 &gt;）
嗨 Tanmoy，您是否尝试过使用替换功能提出的解决方案？
@MaciejTrojniarz 是的，我正在检查您的解决方案。谢谢
@TanmoySarkar 如果您的问题已解决，请将答案标记为有帮助的答案。

【解决方案1】：

如果您的道具名称为explain，您可以使用正则表达式： explain.replace(/<p[^>]*>|<\/p[^>]*>/g, "");

所以在反应代码中你可以使用：

render() {
  const { explain } = this.props
  return (
    { explain.replace(/<p[^>]*>|<\/p[^>]*>/g, "") }
  )
}```

【讨论】：

【解决方案2】：

正确的方法是从后端删除 html 标签。但是，如果您不能这样做：

myVariable.replace(/<[^>]*>/g, "")

它将删除给定字符串中的所有 html 标签。

【讨论】：