reactjs - 什么时候应该在 Material-UI 中使用 Typography？

Question

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

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

举个例子对我更好地理解它很有帮助。

Answer 1

正如Dupocas所说，这是标准化文本的方式。

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

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

所有字幕

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

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

Typography 有更多可以传递的属性，例如“组件”，它允许您选择 html 标签的类型来包装文本。 以前的版本并非如此

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

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

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

希望有帮助。