什么时候应该在 Material-UI 中使用排版？

Question

我正在使用 Material-UI，但我有点困惑。有组件，Typography但我无法真正理解何时使用它以及它的目的是什么。

应该Typography什么时候使用？它解决/帮助什么问题，或者如果我在开发时使用它会有什么好处？

一个例子对我更好地理解它非常有用。

Answer 1

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

使用排版，您可以标准化所有类别的文本。例如，如果您希望所有标题具有相同的大小、字体、粗细……您可以像这样使用它：

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

为你所有的字幕

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

使用该组件，您不必在文本中添加具有特定 className 的 div 即可设置特定样式。默认情况下，它们都应用于排版。

排版有更多可以传递的属性，比如“组件”，它让你选择 html 标签的类型来包装你的文本。这不是以前版本中的情况

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

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

请查看排版“API”部分，它很有用且很有帮助。

希望它有帮助。