javascript - ReactJs:如何转义 包含来自 props 的数据渲染

Question

我怎样才能逃脱<p>将来自后端的数据封装在 props 中。我想在没有这个 <p> 的情况下显示我的文本在文本周围添加标签。

例如:

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

我如何将其显示为

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

任何建议

Answer 1

如果你的 Prop 有名字explain你可以使用正则表达式: explain.replace(/<p[^>]*>|<\/p[^>]*>/g, "");

所以在 react 代码中你可以使用:

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