好奇地知道如何更改子字符串的颜色并使文本的其余颜色保持不变

Question

我希望能够将特定的子字符串[！]更改为红色，其余的将为相同的文本黑色。我知道逻辑必须在我的代码的这一部分中实现。

render() {
  var substring = "[!]"
  return(
    <div>
      <h2>Render</h2>
      <div id="render" class="render"> {this.state.loading || !this.state.data ? < div id="render"></div> :
      <div>{this.state.data.toString().replace(/•/g, " ")}</div>
    </div>
  )
}

Answer 1

i

  

undefined元素用于为文本的一部分着色

更多信息在这里： https://www.w3schools.com/tags/tag_span.asp