Javascript 将React元素的字符串值的一部分设为粗体

我在文件中定义了变量：

var text = `The start of string ${<b>{this.state.isTrue ? 'Bolded' : 'Also Bolded'</b>} the end of string.`

但这看起来相当冗长，有时字符串很简单，不包含任何占位符，所以使用React元素包装它似乎是不必要的。另外，我希望能够将该值存储在数据库中，当检索到该值时，应以显示标记为粗体-粗体的文本的方式对其进行插值

---

问题：在渲染组件时，有没有办法将

之间的文本放在一个粗体字符串中？

您可以使用这些道具实现您想要实现的目标

请看下面的代码：

功能应用程序（道具）{
常量文本={
__html:`字符串的开头${
props.isTrue？“加粗”：“也加粗”
}绳子的末端`
};
返回；
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）

placeholder是什么意思？@ArupRakshit模板字符串中在执行时插入的部分：
text${placeholder}text
我想使用它可能有危险？@Eduard为什么？：）因为名字暗示…：）我也读了我链接的文件。我们将html存储在DB中，当需要呈现时，这是唯一的选项。。我确信React会进行消毒，XSS检查..@Eduard是的。。但有时也需要这样做。。所以React为您提供了一个控件。React不进行XSS检查，您需要通过使用
<span>{text}</span>

var text = <React.Fragment>The start of string {<b>{this.state.isTrue ? 'Bolded' : 'Also Bolded'</b>} the end of string.</React.Fragment>