材料-ui的Typography组件的有效值是多少

Question

我正在使用如下的Typography组件。我没有遇到任何错误。但我只想知道我要传递给印刷组件的组件属性的正确值。

  <Typography component="div" style={{ padding: 8 }}>
      {props.children}
    </Typography>

可以传递给组件属性的有效值是什么？

Answer 1

Typography是一个相当简单的组件。它所做的只是在组件上指定className，以便对文本进行适当的样式设置。

您的示例代码大致等同于：

<div className="potentially-multiple-classes-determined-by-Typography" style={{ padding: 8 }}>
   {props.children}
</div>

component道具可以是可以用作JSX元素类型的任何东西。印刷术将使用组件prop（如果未指定component prop或variant prop则默认为'p'）来呈现一个元素，该元素将类名传递给该元素，并且还将通过并不是Typography API的一部分（这就是本示例中style和children属性传递给组件的原因。