排版的组件道具在素材ui中做什么

  • 本文关键字:ui 组件 reactjs material-ui
  • 更新时间 :
  • 英文 :


我已经使用了一段时间,但我从未理解组件道具的用途。我读过文档,但它对我来说仍然没有意义。我也读过对排版组件的组件道具的解释,但对我来说也没有意义。有人能告诉ELI5这个道具的作用吗?

据我所知,它的目的是标准化类型(text/font(样式和大小(font size(,另一方面它接受一个component道具,该道具用作在中呈现"text"的实际元素。它可以是DOM元素或组件。还有一个variant道具,它决定了"文本"的样式(包括但不限于文本大小(,因此组件独立于变体,样式也是如此。

排版组件使用variantMapping属性将UI变体与语义元素相关联。重要的是要认识到排版的风格是独立于语义基础元素的打字

<Typography variant="h1" component="h2">
h1. Heading
</Typography>

因此上面的片段将呈现具有CCD_ 4元素样式的CCD_。

还有一种方法可以将变体更改为DOM元素映射。更改语义元素

最新更新