Html 有没有一种方法可以在不改变渲染的情况下，在卡片的材质UI排版元素中加粗单词？

我试图在React Material UI

元素（也在Material UI

中）中加粗一个单词。我只是在使用html标记，它可以工作：

第一件事：{answers[2]}

但当我使用它们时，它们会在加载时对文本进行可见的重新调整

我留下了嵌套的

标记，这迫使我应用一系列样式以使它们正常显示：

Path:{Path}

这似乎是一个令人生厌的解决方案。我错过什么了吗？类似于

标记导致加载延迟或内置材质UI解决方案的另一个原因

的完整代码，作为参考：

路径：{Path}
第一件事：{answers[2]}
第二件事：{answers[0]}
第三件事：{答案[1]}

您是否尝试过使用

Box

组件

你可以这样做

---

Normal text中等字体文本和一些更普通的文本

要解决Mohamed提到的问题，您可以更改组件

框

呈现为

span

（

displayInline

不需要使用此方法）：

普通文本中等字体大小的文本和一些更普通的文本

这会产生一个警告，不能作为的后代出现。嘿@MohamedDaher你能分享你的代码片段吗？有没有可能你在一个标签中添加了这个排版div组件？我已经没有了，但我只是简单地在排版中添加了一个，就解决了我想要的问题，效果很好。谢谢检查，谢谢！从材质ui v4.11.4开始，在控制台中创建错误（而不是警告），不能显示为@PathToLife的后代。请分享一个示例？你确定在另一个排版组件中没有这个排版组件吗？我正在使用标签，没有可见的重新加载，也许这个解决方案仍然可行？

<Typography>Normal text <Box component="span" fontWeight='fontWeightMedium'>medium font weight text</Box> and some more normal text</Typography>