Material-ui: theme.spacing @ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ / [рд╢реИрд▓рд┐рдпреЛрдВ / рдХреЛрд░] 4.0.1 рдХреЗ рд╕рд╛рде рдПрдХ рдлрд╝рдВрдХреНрд╢рди рдирд╣реАрдВ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 31 рдордИ 2019  ┬╖  18рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: mui-org/material-ui

рдЖрдЬ рдПрдХ рдФрд░ рдореБрджреНрджреЗ рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реИ рдореИрдВрдиреЗ рдЕрдкрдиреА рдкреВрд░реА рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ 4.0.0 рдХрд╛рд░реНрдпрдХреНрд╖реЗрддреНрд░ рдХреЛ рд░реАрд╕реЗрдЯ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА, рдХреЛрд░ рдФрд░ рд╢реИрд▓реА рджреЛрдиреЛрдВ рдХреЛ рдирд╡реАрдирддрдо 4.0.1 рдкрд░ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд░ рджрд┐рдпрд╛ред

рдЬреИрд╕реЗ рд╣реА рдореИрдВ ThemeProvider рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реВрдВ рдореБрдЭреЗ TypeError theme.spacing is not a function ред

  • [x] рдпрд╣ v0.x рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИред
  • [x] рдореИрдВрдиреЗ рдЗрд╕ рднрдВрдбрд╛рд░ рдХреЗ рдореБрджреНрджреЛрдВ рдХреЛ рдЦреЛрдЬрд╛ рд╣реИ рдФрд░ рдпрд╣ рдорд╛рдирддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдХреЛрдИ рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдирд╣реАрдВ рд╣реИред рдареАрдХ рд╣реИ ... рдмрд┐рд▓реНрдХреБрд▓ рдирд╣реАрдВ ... рдореБрдЭреЗ https://github.com/mui-org/material-ui/issues/15834 рдкрд░ рдПрдХ рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдорд┐рд▓рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдлрд┐рдХреНрд╕ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ, рдпрд╣ рдмреБрд░рд╛ рдЙрдкрдпреЛрдЧ рдХреА рддрд░рд╣ рд╣реИ

рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░ or

рдмрд╕ рдереАрдо рдХреЛ рдХрд╛рдо рдХрд░рддреЗ рджреЗрдЦрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред рдореИрдВ рдЗрд╕ рддрдереНрдп рд╕реЗ рдЙрд▓рдЭрди рдореЗрдВ рд╣реВрдВ рдХрд┐ theme.spacing рдЙрдкрдпреЛрдЧ рдорд╛рд╕реНрдЯрд░ рдФрд░ рдЕрдЧрд▓реА рд╢рд╛рдЦрд╛рдУрдВ рджреЛрдиреЛрдВ рджреНрд╡рд╛рд░рд╛ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ рдЬрд╛рдиреЗ рдХрд╛ рд░рд╛рд╕реНрддрд╛ рд▓рдЧрддрд╛ рд╣реИред

рд╡рд░реНрддрдорд╛рди рд╡реНрдпрд╡рд╣рд╛рд░ ЁЯШп

рдКрдкрд░ рддреНрд░реБрдЯрд┐ рджреЗрдЦреЗрдВ

Steps рдХреЛ рдлрд┐рд░ рд╕реЗ рд╢реБрд░реВ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрджрдо

рд▓рд┐рдВрдХ: https://codesandbox.io/s/materialui-style-issue-rk8n0

рдкреНрд░рд╕рдВрдЧ ЁЯФж

рдореИрдВрдиреЗ рдПрдХ рдирдпрд╛ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рд╢реБрд░реВ рдХрд┐рдпрд╛ рдФрд░ рдореИрдВ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ рдХреА рд╕рднреА рд╢реИрд▓реА рдХреА рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдПрдХ рд╕рд╛рде рдЬреЛрдбрд╝рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдЙрд╕ рдиреЗ рдХрд╣рд╛, рдкреНрд░рд╡рд╛рд╕ рдХреЗ рдкрд╣рд▓реЗ style 4.0

рдЖрдкрдХрд╛ рдкрд░реНрдпрд╛рд╡рд░рдг ЁЯМО

| рдЯреЗрдХ | рд╕рдВрд╕реНрдХрд░рдг |
| -------------- | --------- |
| рд╕рд╛рдордЧреНрд░реА- рдпреВрдЖрдИ | v4.0.1 |
| рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ | 16.0.6 |
| рдмреНрд░рд╛рдЙрдЬрд╝рд░ | рдПрдлрдПрдл / рдХреНрд░реЛрдо рдирд╡реАрдирддрдо |
| рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ | - |

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдХреНрд╖рдорд╛ рдХрд░реЗрдВ рдореБрдЭреЗ рд╕рдорд╕реНрдпрд╛ рдорд┐рд▓ рдЧрдИред
рдореИрдВ import { withStyles } from '@material-ui/styles'; рд╕реЗ import { withStyles } from '@material-ui/core/styles'; рдмрджрд▓рддрд╛ рд╣реВрдВ рдФрд░ рд╕рдм рдХреБрдЫ рдареАрдХ рдЪрд▓рддрд╛ рд╣реИред
рдзрдиреНрдпрд╡рд╛рдж!

рд╕рднреА 18 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

@keul рдХреЛрд░ рдФрд░ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЗ рдмреАрдЪ рдХреЗ рдЕрдВрддрд░ рд╕реЗ рдЕрд╡рдЧрдд рд░рд╣реЗрдВ: https://material-ui.com/customization/default-theme/#material -ui-core-styles-vs-material-ui-stylesред

рдзрдиреНрдпрд╡рд╛рдж @oliviertassinari

рд╕рд╛рдордЧреНрд░реА- UI рд╢реИрд▓рд┐рдпрд╛рдБ @ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ / рд╢реИрд▓рд┐рдпреЛрдВ npm рдкреИрдХреЗрдЬ рджреНрд╡рд╛рд░рд╛ рд╕рдВрдЪрд╛рд▓рд┐рдд рд╣реИрдВред рдпрд╣ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд▓рд┐рдП рдПрдХ рд╕реНрдЯрд╛рдЗрд▓ рд╕рдорд╛рдзрд╛рди рд╣реИред рдпрд╣ рд╕рдорд╛рдзрд╛рди рдЕрд▓рдЧ-рдерд▓рдЧ рд╣реИ, рдЗрд╕рдореЗрдВ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ рдереАрдо рдХрд╛ рдХреЛрдИ рдЬреНрдЮрд╛рди рдирд╣реАрдВ рд╣реИред рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд╕рдВрджрд░реНрдн рдореЗрдВ рдереАрдо рдХреЛ рд╡реНрдпрд╡рд╕реНрдерд┐рдд рд░реВрдк рд╕реЗ рдЗрдВрдЬреЗрдХреНрдЯ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреЛ рджреВрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рд╣рдо рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ рдереАрдо рдХреЗ рд╕рд╛рде рд╕реНрдЯрд╛рдЗрд▓ рдореЙрдбреНрдпреВрд▓ (рдореЗрдХ рд╕реНрдЯрд╛рдЗрд▓, рд╡рд┐рдж рд╕реНрдЯрд╛рдЗрд▓ рдФрд░ рд╕реНрдЯрд╛рдЗрд▓) рдХреЛ рд▓рдкреЗрдЯ рд░рд╣реЗ рд╣реИрдВред

рд╕рдЪ рдХрд╣реВрдБ рддреЛ рдореБрдЭреЗ рдпрд╣рд╛рдБ рдмрд╛рдд рдирд╣реАрдВ рдорд┐рд▓рддреА, рди рд╣реА рдпрд╣ рдХреИрд╕реЗ рдЗрд╕ рдореБрджреНрджреЗ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рд╣реИред рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ рдореБрдЭреЗ ThemeProvider рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ core/styles рд╕реЗ рдЖрдпрд╛рдд рдХрд░рддреЗ рд╕рдордп рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рднреЗрдЬ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ?

рдмрд╕ рдЕрддрд┐рд░рд┐рдХреНрдд рд╕рдВрджрд░реНрдн рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП: рдореЗрд░рд╛ рдХреЛрдб core 4.0.0 рдФрд░ styles 3.0-Tor.10 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рдерд╛
рдЖрдЬ рд╕реБрдмрд╣ 4.0.1 рдкрд░ рдкреНрд░рд╡рд╛рд╕ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж, рдореИрдВрдиреЗ рдЗрд╕реЗ рдЬрд╛рд░реА рдХрд┐рдпрд╛

рдореИрдВ рдЬрд▓реНрджреА рд╕реЗ рдкреБрд░рд╛рдиреЗ рдкреИрдХреЗрдЬ-рд▓реЙрдХ рд╕рдВрд╕реНрдХрд░рдг рдкрд░ рд╡рд╛рдкрд╕ рдЬрд╛ рд╕рдХрддрд╛ рд╣реВрдВ, рд▓реЗрдХрд┐рди рдореИрдВ рдмрдбрд╝реА рддрд╕реНрд╡реАрд░ рд▓реЗрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ

@keul рдареАрдХ рд╣реИ, рд╢рд╛рдпрдж рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╕реНрдкрд╖реНрдЯ рд╣реЛ рдЬрд╛рдПрдЧрд╛ред рдЖрдк рдПрдХ рдирдП рд╡рд┐рд╖рдп рдХреЛ рдЗрдВрдЬреЗрдХреНрдЯ рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдЬреЛ рдореБрдЦреНрдп рдШрдЯрдХреЛрдВ рдХреЗ рд╕рд╛рде рд╕рдВрдЧрдд рдирд╣реАрдВ рд╣реИред рдЖрдкрдХреЛ createMuiTheme рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред

import { createMuiTheme } from "@material-ui/core";

const theme = createMuiTheme({
  spacing: 4,
  palette: {
    primary: {
      main: "#007bff",
    },
  }
});

@oliviertassinari рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ ... рдзрдиреНрдпрд╡рд╛рджред рдпрд╣ рдореБрджреНрджрд╛ рддрдп рдХрд┐рдпрд╛ред

рдореБрдЭреЗ рдкреВрд░рд╛ рдпрдХреАрди рд╣реИ рдХрд┐ рдореИрдВрдиреЗ рдЗрд╕ рдХрдЪреНрдЪреЗ рдХреЛрдб рдХреЛ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рд╕реЗ рдХреЙрдкреА рдХрд┐рдпрд╛ рд╣реИ, рдпрд╣ рдЙрд╕реА рддрд░рд╣ рд╕реЗ рд╣реИ рдЬрд┐рд╕реЗ рдореИрдВ https://material-ui.com/styles/advanced/ рдкрд░ ред рдПрдХ рдирдП рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рд░реВрдк рдореЗрдВ (рдкрд┐рдЫрд▓реА рдмрд╛рд░ рдЬрдм рдореИрдВрдиреЗ MUI рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдерд╛ рддреЛ рдпрд╣ рд╕рдВрд╕реНрдХрд░рдг 0.x рдерд╛) рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕реНрдкрд╖реНрдЯ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рд╢рд╛рдпрдж рдЗрд╕реЗ рдХреБрдЫ рд╕рдордп рджреЗрдирд╛ рд╣реЛрдЧрд╛ред

рд╢реЛрд░ рдХреЗ рд▓рд┐рдП рдХреНрд╖рдорд╛ рдХрд░реЗрдВ!

Https://material-ui.com/styles/x рдореЗрдВ рдХреБрдЫ рднреА рд╕рд╛рдордЧреНрд░реА рдбрд┐рдЬрд╝рд╛рдЗрди рдЕрд╕рдВрдмрдВрдзрд┐рдд рд╣реИред рдпрд╣ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд▓рд┐рдП рдПрдХ рд╕реНрдЯрд╛рдЗрд▓ рд╕рдорд╛рдзрд╛рди рд╣реИред

рдХреНрд╖рдорд╛ рдХрд░реЗрдВ, рдореИрдВ рдЕрднреА рднреА рдирд╣реАрдВ рд╕рдордЭ рд╕рдХрддрд╛ред
рдХреНрдпрд╛ рд╣рдо рд╢реИрд▓рд┐рдпреЛрдВ рдХреЗ рддрд░реНрдХ рдХреЗ рд░реВрдк рдореЗрдВ theme рднреЗрдЬ рд╕рдХрддреЗ рд╣реИрдВ, рдФрд░ рдЗрд╕реЗ withstyles рд▓рдкреЗрдЯ рд╕рдХрддреЗ рд╣реИрдВ? рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреА рддрд░рд╣ред

const styles = theme => {({
    root: {
      // JSS uses px as the default units for this CSS property.
      padding: theme.spacing(2), // = 8 * 2
    },
})};

рдХреНрдпрд╛ рд╣рдо рд╢реИрд▓рд┐рдпреЛрдВ рдХреЗ рддрд░реНрдХ рдХреЗ рд░реВрдк рдореЗрдВ рдереАрдо рднреЗрдЬ рд╕рдХрддреЗ рд╣реИрдВ, рдФрд░ рдЗрд╕реЗ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЗ рд╕рд╛рде рд▓рдкреЗрдЯ рд╕рдХрддреЗ рд╣реИрдВ? рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреА рддрд░рд╣ред

@ByronHsu рд╣рд╛рдБ, рдпрджрд┐ рдЖрдк @material-ui/core/styles рд╕реЗ рдЖрдпрд╛рдд рдХрд░рддреЗ рд╣реИрдВ рдпрд╛ рдпрджрд┐ рдЖрдк createMuiTheme() рдХреЗ рд╕рд╛рде рдмрдирд╛рдИ рдЧрдИ рдереАрдо рдХреЛ рдЗрдВрдЬреЗрдХреНрдЯ рдХрд░рддреЗ рд╣реИрдВред

рд▓реЗрдХрд┐рди рдпрд╣ theme.spacing рдПрдХ рдлрд╝рдВрдХреНрд╢рди рдирд╣реАрдВ рд╣реИред

@ByronHsu рдХреНрдпрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ рдкреНрд░рдЬрдирди рд╣реИ?

рдХреНрд╖рдорд╛ рдХрд░реЗрдВ рдореБрдЭреЗ рд╕рдорд╕реНрдпрд╛ рдорд┐рд▓ рдЧрдИред
рдореИрдВ import { withStyles } from '@material-ui/styles'; рд╕реЗ import { withStyles } from '@material-ui/core/styles'; рдмрджрд▓рддрд╛ рд╣реВрдВ рдФрд░ рд╕рдм рдХреБрдЫ рдареАрдХ рдЪрд▓рддрд╛ рд╣реИред
рдзрдиреНрдпрд╡рд╛рдж!

рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЗ рд░реВрдк рдореЗрдВ рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ рдФрд░ рдореИрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ

import { makeStyles, Theme } from "@material-ui/core/styles";

const useStyles = makeStyles((theme: Theme) => ({
  icon: {
    marginRight: theme.spacing(1)
  }
}));

рдЗрд╕ рдШрдЯрдХ рдХреЛ <ThemeProvider /> рдореЗрдВ рд▓рдкреЗрдЯрд╛ рдЧрдпрд╛ рд╣реИ

рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реЛрддреА рд╣реИ рдЕрдЧрд░ рдореИрдВ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ:

import { makeStyles } from "@material-ui/styles";
import { Theme } from "@material-ui/core/styles";

const useStyles = makeStyles((theme: Theme) => ({
  icon: {
    marginRight: theme.spacing(1)
  }
}));

рдореБрдЭреЗ рдорд┐рд▓рд╛:

TypeError: theme.spacing is not a function

рд╕рднреА MUI рдкреИрдХреЗрдЬ рдЕрдк рдЯреВ рдбреЗрдЯ, рдорд╛рд╕реНрдЯрд░ рдмреНрд░рд╛рдВрдЪ рд╣реИрдВред

рдХреЛрдИ рдмрд╛рдд рдирд╣реАрдВ, рдзреЛрдЦреЗрдмрд╛рдЬрд╝ рдЧрд▓рддреАред рдореИрдВ createMuiTheme рдореЗрдВ рдЕрдкрдиреЗ рдирдП рд╡рд┐рд╖рдп рдХреЛ рд▓рдкреЗрдЯрдирд╛ рднреВрд▓ рдЧрдпрд╛ - рдореИрдВ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдПрдХ рдореВрд▓ рд╡рд╕реНрддреБ рд╡рд╛рдкрд╕ рдХрд░ рд░рд╣рд╛ рдерд╛ред

рдореБрдЭреЗ рднреА

рдЬрдм рдореИрдВ рдПрдХ рдмрд╛рд╣рд░реА рд╡рд┐рд╖рдп рдХреЗ рд▓рд┐рдП рдХреЛрдб рдХреЛ рдЫреЛрдбрд╝рдХрд░, рдЬрдм рдореИрдВ рдПрдХ рдирд╣реАрдВ рд╣реЛрддрд╛, рддреЛ рдореБрдЭреЗ рдпрд╣ рд╕рдорд╕реНрдпрд╛ рджрд┐рдЦрд╛рдИ рджреЗрддреА рд╣реИред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП:

рдЯреВрдЯ рдЬрд╛рддрд╛ рд╣реИ:

<MuiThemeProvider theme={outer => ({...outer, ...theme})}>...</MuiThemeProvider>

рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ:

<MuiThemeProvider>
  <MuiThemeProvider theme={outer => ({...outer, ...theme})}>...</MuiThemeProvider>
</MuiThemeProvider>

рдореИрдВ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдВ рдХрд┐ рдЗрд╕ рдорд╛рдорд▓реЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдЪреЗрддрд╛рд╡рдиреА рд╣реИред рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЕрднреА рднреА рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП, рд╣рд╛рд▓рд╛рдВрдХрд┐, рдпрд╛ рдХрдо рд╕реЗ рдХрдо рдЙрд╕ рддрд░реНрдХ рдХреЛ рдкреНрд░рджрд╛рди рдХрд┐рдП рдЧрдП рдлрд╝рдВрдХреНрд╢рди рдкрд░ рдЫреЛрдбрд╝ рджреЗрдВред

рд╕реЗ рдЬрд╛рдУ
marginRight: theme.spacing(1)

рдЗрд╕реЗ рдмрджрд▓реЛ
marginRight: theme.spacing.unit

рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рднреА рдПрдХ рдореБрджреНрджрд╛ рд╣реИред рдпрд╣ рдПрдХ рдкреНрд░рдХрд╛рд░ рдХреА рддреНрд░реБрдЯрд┐ рдкреНрд░рддреАрдд рд╣реЛрддреА рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдореИрдВ рдорд╛рди рдХреЛ рд╕реНрд╡рдпрдВ рд▓реЙрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдпрд╣ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдЧрд▓реЗ.рдЬреЗрд╕ рдореЗрдВ рдпрд╣ рдХрд╣рддреЗ рд╣реБрдП рддреНрд░реБрдЯрд┐ рд╣реИ рдХрд┐ рдпрд╣ рдореМрдЬреВрдж рдирд╣реАрдВ рд╣реИред рдмреНрд░реЗрдХрдкреНрд╡рд╛рдЗрдВрдЯ рднреАред

рдХреНрд╖рдорд╛ рдХрд░реЗрдВ рдореБрдЭреЗ рд╕рдорд╕реНрдпрд╛ рдорд┐рд▓ рдЧрдИред
рдореИрдВ import { withStyles } from '@material-ui/styles'; рд╕реЗ import { withStyles } from '@material-ui/core/styles'; рдмрджрд▓рддрд╛ рд╣реВрдВ рдФрд░ рд╕рдм рдХреБрдЫ рдареАрдХ рдЪрд▓рддрд╛ рд╣реИред
рдзрдиреНрдпрд╡рд╛рдж!

рд╕рд╛рднрд╛рд░ @ByronHsu

рдпрд╣ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

chris-hinds picture chris-hinds  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

sys13 picture sys13  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

mattmiddlesworth picture mattmiddlesworth  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

newoga picture newoga  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

anthony-dandrea picture anthony-dandrea  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ