我怎样才能在模板文字上应用样式答案

【问题标题】：How can i be able to apply style on template literals我怎样才能在模板文字上应用样式
【发布时间】：2021-08-02 20:31:47
【问题描述】：

我正在使用模板文字在反应中显示我的数据，但我想设置该电子邮件的样式，我怎样才能在该模板文字上应用内联样式，有没有可能做到这一点？ {`${eachCustomer?.name} <${eachCustomer?.email}>`}

【问题讨论】：

需要放入您所设计的另一个元素，例如<span>
你好，我正在使用材料 ui，这是我的代码 <TreeItem nodeId={eachCustomer?._id} label={`${eachCustomer?.name} <${eachCustomer?.email}>`} >，我想显示一个像 abc-user 这样的标签

【解决方案1】：

模板文字输出字符串。样式适用于元素。将样式应用于模板文字的想法没有意义。

如果要应用样式，请创建元素。使用 JSX。例如

return <>
    {eachCustomer?.name} &lt;<StyledEmailComponent>{eachCustomer?.email}</StyledEmailComponent>&gt;
</>;

【讨论】：