Javascript 反应渲染<；strong>；{this.state.exampleState}</strong>；不应用强权重

当前具有如下类似的react渲染功能

render() {
  return (
   <div>
     <div className="alert alert-success" role="alert"> Well done! You have added <strong>{this.state.exampleState}</strong> to your team</div>
   </div>
  );
}

render（）{
返回(
干得好！您已将{this.state.exampleState}添加到您的团队中
);
}

尽管在DOM中呈现了

html标记中的，但是

标记似乎对{this.state.exampleState}持有的文本没有影响

---

这似乎是JSX的一个更微妙的方面，我还没有遇到。可能很简单。有什么想法吗？谢谢

在+1@dandavis上检查您的css设置，我怀疑这是css或可能是某个浏览器扩展。React与外观无关。@dandavis在呈现纯文本时测试了，并且在“加粗”文本时没有问题。似乎只有在呈现包含在“{}”中的变量（在本例中是this.state.exampleState）时才会出现问题如果标记在DOM中，我不明白为什么CSS不会影响它，无论是哪个框架填充它…它对我来说是纯文本和变量，问题应该在你的CSS中。移除css，看看没有它是否可以工作。