我正在使用下面的排版组件。我没有面临任何错误。但我只想知道它是否是我传递给排版组件的组件属性的正确值。
<Typography component="div" style={{ padding: 8 }}>
{props.children}
</Typography>
可以传递给组件属性的有效值是什么？
material -ui 的 Typography 组件的有效值是什么
IT技术
reactjs
material-ui
2021-05-10 03:48:52
1个回答
排版是一个相当简单的组件。它所做的只是className在组件上指定，以便适当地设置文本样式。
您的示例代码大致相当于：
<div className="potentially-multiple-classes-determined-by-Typography" style={{ padding: 8 }}>
{props.children}
</div>
该componentprops可以是任何有效作为JSX一个元素类型来使用。Typography 将使用组件 prop（如果没有指定componentprop 或variantprop，则默认为“p” ）来呈现它传递类名的元素，它还传递不属于 Typography API 的任何属性（这是在此示例中，为什么style和children属性会传递给组件）。