Что делает компонент опора типографии в материал-интерфейс?

Question

Я использовал некоторое время, и я никогда не понимал назначение компонента prop. Я прочитал документацию, и она все еще не имеет смысла для меня. Я также читал эту интерпретацию опоры компонента типографского компонента , но это также не имеет смысла для меня. Может кто-нибудь ELI5, что делает этот пропеллер?

Answer 1

В моем понимании его целью является стандартизация стилей и размеров шрифта (текста / шрифта) (размера шрифта), с другой стороны, он принимает опору component, которая используется в качестве фактического элемента для визуализации "текста" в Это может быть элемент DOM или компонент. Также есть опора variant, которая определяет стиль (включая, но не только размер текста) «текста», поэтому компонент не зависит от варианта, как и стиль.

Компонент Typography использует свойство variableMapping, чтобы связать вариант пользовательского интерфейса с элементом semanti c. Важно понимать, что стиль типографики не зависит от базового элемента semanti c. ~ Типография

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

, поэтому приведенный выше фрагмент будет визуализировать элемент <h2/> со стилем элемента <h1/>.

есть также способ изменить вариант на отображение элемента DOM. Изменение элемента semanti c