/ / material-ui-next - Typografia - reajs, material-ui

materiál-ui-next - Typografia - reactjs, materiál-ui

Mám nižšie komponenty pomocou material-1.0 1.0.0-beta 31. Typografické štýly sa na stránke nezobrazujú a celý text má rovnaký štýl. Mohol by niekto vysvetliť, čo som urobil zle, prosím?

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;

odpovede:

4 pre odpoveď č. 1

Na variant prop neexistuje v materiáli 1.0.0-beta 31. Ako je uvedené v poznámky k vydaniu, variant prop bol zavedený v beta 32.

Pred beta 32, type prop mal rovnakú úlohu ako variant prop. Tu je spáchať kde bola zmena vykonaná a tu otázka kde sa diskutuje o zmene, ak máte záujem.

Tento problém teda môžete vyriešiť dvoma spôsobmi:

  1. Inovujte na verziu beta 32.
  2. Zostaňte na beta 31 a premenujte ho variant na type.

1 pre odpoveď č. 2

Rovnaký problém som mal aj na material-ui@1.0.0-beta.31. Problém sa vyriešil aktualizáciou material-ui na 1.0.0-beta.32. Proste bež:
npm install --save material-ui@next