在React中,我希望能够在使用模板文字定义的变量字符串中使用样式词汇。
为此,我使用元素来对该单词进行样式设置。
但是我遇到了HTMLIntrinsic使用错误。
注意- SO中提供的解决方案不能解决我的问题,请检查代码。
如何规避这个问题?
尝试使用dangerouslyinsertHTML,但这不是推荐的解决方案。
注意- SO中提供的解决方案不能解决我的问题,请检查代码。
如何规避这个问题?
尝试使用dangerouslyinsertHTML,但这不是推荐的解决方案。
//Actual code
const temperature = "22";
const list = {
item: `The temperature is ${temperature}`
}
//To style it-
const temperature = "22";
const list = {
item: `The temperature is <span style={{color:'red'}}>${temperature}</span>`
}
//And the above list.item is inserted inside JSX like -
return (
<div>{list.item}</div>
)
需要样式化温度(22)。