reactjs - 在Material-UI中应何时使用打印术？

我正在使用Material-UI，但有些困惑。有组件Typography，但我真的不明白何时使用它以及它的用途是什么。

何时应使用Typography？它可以解决/帮助什么问题，或者在开发过程中使用它会有什么好处？

一个例子对我更好地理解它是很好的。

最佳答案

正如Dupocas所说，这是规范文本的方法。

使用印刷术，您可以标准化所有类别的文本。例如，如果您希望所有标题都具有相同的大小，字体，粗细...，则可以这样使用：

<Typography variant="h1">My Title</Typography>

对于所有字幕

<Typography variant="subtitle1">My SubTitle</Typography>

使用该组件，您无需在文本中添加具有特定className的div即可设置特定样式。默认情况下，它们全部都应用在“版式”上。

印刷术具有更多可以传递的属性，例如“ component”，它使您可以选择html标记的类型来包装文本。在以前的版本中不是这种情况

<Typography variant="body1" component="p">
      My Text
</Typography>

Material UI是一个很棒的库，可以为您做出选择，但让您自己做出选择。所有变体都可以定制。您可以查看“自定义”部分以了解操作方法。

请查看Typograpy的“ API”部分，它非常有用。

希望能有所帮助。