/ / material-ui-next - Типография - реакции, материали-ui

материал-ui-next - Типография - реакции, материали-ui

Имам по-долу компонент, използвайки материал-ui 1.0.0-бета 31. Типографските стилове не се показват на страницата, а целият текст има същия стил. Може ли някой да ви обясни какво съм направил погрешно, моля?

import React from "react";
import Typography from "material-ui/Typography";

const LearningPage = (props, { authUser }) =>
<div>
<Typography variant="headline" component="h2">
benevent
</Typography>
<Typography >adjective</Typography>
<Typography component="p">
well meaning and kindly.<br />
{""a benevolent smile""}
</Typography>
<Typography variant="headline" gutterBottom>
Headline
</Typography>
</div>

export default LearningPage;

Отговори:

4 за отговор № 1

Най- variant подложката не съществува в материал-ui 1.0.0-beta 31. Както е посочено в бележките за изданието, variant прототипът бе въведен в бета 32.

Преди бета 32, type протолът има същата роля като variant подпирам. Тук е ангажират където е направена промяната, и тук "s проблемът където се обсъжда промяната, ако се интересувате.

Така че, имате две възможности за отстраняване на този проблем:

  1. Надстройте до бета 32.
  2. Останете на бета 31 и преименувайте variant да се type.

1 за отговор № 2

Имах същия проблем на material-ui@1.0.0-beta.31. Актуализирането на материала-ui до 1.0.0-beta.32 поправя проблема. Просто бягай:
npm install --save material-ui@next