Устаревшее предупреждение о типографии при использовании пользовательской темы в Material-UI - PullRequest
Новая
       6

Устаревшее предупреждение о типографии при использовании пользовательской темы в Material-UI

0 голосов
/ 20 октября 2018

В следующем коде я использую пользовательскую тему в Material-UI: 

import React from "react";
import ReactDOM from "react-dom";
import { MuiThemeProvider, createMuiTheme } from "@material-ui/core/styles";
import Button from "@material-ui/core/Button";
import { purple, green } from "@material-ui/core/colors";

const theme = createMuiTheme({
  palette: {
    primary: purple,
    secondary: green
  }
});

function App() {
  return (
    <MuiThemeProvider theme={theme}>
      <Button color="primary">Button1</Button>
      <Button color="secondary">Button2</Button>
    </MuiThemeProvider>
  );
}

ReactDOM.render(<App />, document.getElementById("root"));

Я получаю следующее предупреждение: Warning: Material-UI: you are using the deprecated typography variants that will be removed in the next major release.

Я не использую какие-либотипография (не говоря уже о каком-либо устаревшем типографском варианте)

Почему я получаю это предупреждение?Может кто-нибудь объяснить, пожалуйста.
Полная демонстрация в codeandbox: https://codesandbox.io/s/r5v9pjxnq4

Минимальный код репро: https://codesandbox.io/s/p9628o7wlj
(Оказывается, просто используя createMuiTheme также выдает предупреждение!)

Ответы [ 3 ]

0 голосов
/ 15 декабря 2018

Для всех здесь это было решено в выпуске v3.6.1

0 голосов
/ 13 февраля 2019

Я просто добавляю в мой index.html: 

<script>window.__MUI_USE_NEXT_TYPOGRAPHY_VARIANTS__ = true</script>
0 голосов
/ 20 октября 2018

Расширенное сообщение об ошибке ссылается на https://material -ui.com / style / typography / #igration-to-typography-v2 , в котором более подробно поясняется сообщение.

Вышеэто вы найдете устаревшие варианты, которые включают button.Это на самом деле не является устаревшим, но будет рестайлинг, что некоторые считают серьезным изменением, поэтому мы регистрируем это предупреждение.

Я согласен, что немного переусердствовать, чтобы предупреждать, просто используя createMuiTheme, но я подозреваю, что 95% использованиякейсы каким-то образом касаются устаревших вариантов.

...