рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЛ рдРрд╕рд╛ рдХрд░рддреЗ рд╕рдордп рдХреЛрдИ рддреНрд░реБрдЯрд┐ рдирд╣реАрдВ рджрд┐рдЦрд╛рдиреА рдЪрд╛рд╣рд┐рдП:
рдШрдЯрдХ рдХреЗ рдмрд╛рд╣рд░:
const useStyles = makeStyles(styles);
рдШрдЯрдХ рдХреЗ рдЕрдВрджрд░:
const {/* stuff */} = useStyles();
useStyles();
рдлрд╝рдВрдХреНрд╢рди рдХреЙрд▓ рдХреЛ рд░реЗрдЦрд╛рдВрдХрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдФрд░ WebStorm рдХрд╛ рдХрд╣рдирд╛ рд╣реИ рдХрд┐ "TS2554: рдЕрдкреЗрдХреНрд╖рд┐рдд 1 рддрд░реНрдХ, рд▓реЗрдХрд┐рди 0.ред" рдЗрд╕ рдкрд░ред
| рдЯреЗрдХ | рд╕рдВрд╕реНрдХрд░рдг |
| -------------- | --------- |
| @ рд╕рд╛рдордЧреНрд░реА- ui / рд╢реИрд▓рд┐рдпреЛрдВ | 3.0.0-рдЕрд▓реНрдлрд╛ 4 |
| рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ | 16.7.0-рдЕрд▓реНрдлрд╛ 2 |
| рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ | 3.1.1 |
рдХреГрдкрдпрд╛ рдЕрдкрдирд╛ styles
рдШреЛрд╖рдгрд╛ рдФрд░ tsconfig.json
ред tsc
рдЪрд▓рдиреЗ рдкрд░ рддреНрд░реБрдЯрд┐ рджрд┐рдЦрд╛рдИ рджреЗрддреА рд╣реИ? рдпрд╣ рдкреВрдЫрдиреЗ рдкрд░ рдХреНрдпреЛрдВрдХрд┐ рдЖрдИрдбреАрдИ рдПрдХреАрдХрд░рдг рдПрдХ рдЕрд▓рдЧ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВред
рдЕрд╕рдВрдмрдВрдзрд┐рдд рдирд╛рдЗрдЯреНрд░рд┐рдХ: рд╕рдордп рдХреЗ рд╕рд╛рде react@next
рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЛ рд╣рд▓ рдХрд┐рдП рдЧрдП рд╕рдВрд╕реНрдХрд░рдг рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЛ рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рджреЗрдВред рдЖрдкрдХреЛ рд╢рд╛рдпрдж [email protected]
рдорддрд▓рдм рдерд╛?
рдореИрдВ tsc
рд╕реНрд╡рдпрдВ рдирд╣реАрдВ рдЪрд▓рд╛ рд░рд╣рд╛ рд╣реВрдВ, рдЬрдм рднреА рдореИрдВ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдлрд╝рд╛рдЗрд▓ рдмрджрд▓рддрд╛ рд╣реВрдВ, рддреЛ рдореИрдВ IDE рдХрд╛ рдЙрдкрдпреЛрдЧ .ts/x
рд╕реЗ .js/x
рд╕реАрдзреЗ (рд╕реНрдерд╛рди рдкрд░) рдХрд░ рд░рд╣рд╛ рд╣реВрдВред
WebStorm рдореИрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИ рдХреЗ рд╕рд╛рде рдмрдВрдбрд▓ рд╕рдВрд╕реНрдХрд░рдг 3.1.1
ред
рдУрдкреА рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдореИрдВ рд░рд┐рдПрдХреНрдЯ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ: 16.7.0-alpha.2
styles
рдЪрд░ рд╣реИ:
const styles = {
chart: {
width: '100%',
height: 70,
backgroundColor: '#f9f9f9'
},
}
(рдЬрдм styles
рдПрдХ рдлрд╝рдВрдХреНрд╢рди рдХреЗ рд░реВрдк рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ ( theme => { /* definitions */ }
) рдореБрдЭреЗ рдПрдХ рд╣реА рд╕рдВрджреЗрд╢ рдорд┐рд▓рддрд╛ рд╣реИред
tsconfig.json
:
{
"compilerOptions": {
"sourceMap": false,
"target": "ES2017",
"module": "ES6",
"jsx": "react",
"moduleResolution": "Node",
"strictPropertyInitialization": true,
"strictNullChecks": true,
"noImplicitAny": true
}
}
(рдЬрдм
styles
рдХреЛ рдПрдХ рдлрд╝рдВрдХреНрд╢рди (theme => { /* definitions */ }
) рдХреЗ рд░реВрдк рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдореБрдЭреЗ рдПрдХ рд╣реА рд╕рдВрджреЗрд╢ рдорд┐рд▓рддрд╛ рд╣реИред
рдлрд┐рд░ рдЖрдкрдХреЗ рд╕реЗрдЯрдЕрдк рдореЗрдВ рднреА рдПрдХ рд╕рдорд╕реНрдпрд╛ рд╣реИред рд╣рдо рдХреЙрд▓рдмреИрдХ рдЙрдкрдпреЛрдЧ рдХреЗ рд▓рд┐рдП рдкрд░реАрдХреНрд╖рдг рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдпрд╣ рдареАрдХ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИред рдпрд╣ рд╣рд╛рд▓рд╛рдВрдХрд┐ рдПрдХ рд╕реНрдЯреИрдЯрд┐рдХ рд╕реНрдЯрд╛рдЗрд▓ рдСрдмреНрдЬреЗрдХреНрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдПрдХ рдкреНрд░рддрд┐рд▓рд┐рдкрд┐ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдмрдЧ рд╣реИред
рдпрд╣ рдореБрджреНрджрд╛ [email protected]
(рдХреЙрдореНрдкреНрд░рд┐рд╣реЗрдиреНрд╕рд┐рд╡ рдЗрдиреНрдХреНрд░реАрдореЗрдВрдЯрд▓: рдЯреНрд░реВ) рдФрд░ @material-ui/[email protected]
рд╕рдВрдпреЛрдЬрди рдХреЗ рд╕рд╛рде рд╡рд╛рдкрд╕ рдЖ рдЧрдпрд╛ рд╣реИред рдпрд╣ [email protected]
рд╕рд╛рде рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ
@TeoTN рд░рд┐рдкреЛрд░реНрдЯ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХрд┐ рдРрд╕рд╛ рдХреНрдпреЛрдВ рд╣реЛрддрд╛ рд╣реИред
@TeoTN рдЙрд╕ рдХреЛрдб рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдЬреЛ рдкрд░реЗрд╢рд╛рдиреА рдкреИрджрд╛ рдХрд░ рд░рд╣рд╛ рд╣реИред рдореИрдВ рдЗрд╕реЗ рдкреБрди: рдкреЗрд╢ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред
@ eps1lon рдпрд╣рд╛рдВ рдПрдХ рд░реЗрдкреЛ рд╣реИ рдЬреЛ рдмрдЧ рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд░рддрд╛ рд╣реИ: TeoTN / mui-ts-bug
рдореБрдЭреЗ [email protected]
рдФрд░ @material-ui/[email protected]
рд╕рд╛рде рдЗрд╕ рдЯрд┐рдХрдЯ рдХреА рддреНрд░реБрдЯрд┐ рднреА рдЖрдИред
[email protected]
рд╕реЗ рдЕрдкрдЧреНрд░реЗрдб рдХрд░рдиреЗ рдХрд╛ рдореЗрд░рд╛ рдХрд╛рд░рдг рдпрд╣ рдерд╛ рдХрд┐ рд╡реАрдПрд╕ рдХреЛрдб рдСрдЯреЛ рд╕рдорд╛рдкрди рдФрд░ рдЯреВрд▓рдЯрд┐рдкреНрд╕ рдХреЗ рд╕рд╛рде рдЕрд╡рд┐рд╢реНрд╡рд╕рдиреАрдп рд░реВрдк рд╕реЗ рдзреАрдорд╛ рдерд╛ред
рдЬрдм рдореЗрдВ рдбрд╛рдЙрдирдЧреНрд░реЗрдб [email protected]
рд╡рд╣рд╛рдБ рдЪрд╛рд░реЛрдВ рдУрд░ рдирдИ рддреНрд░реБрдЯрд┐рдпрд╛рдВ рд╣реЛрдиреЗ рдкрд░ makeStyles
рдХреА рддрд░рд╣
Types of property 'main' are incompatible.
Type '{ position: string; top: number; left: number; bottom: number; right: number; }' is not assignable to type 'CSSProperties | ((props: {}) => CSSProperties)'.
Type '{ position: string; top: number; left: number; bottom: number; right: number; }' is not assignable to type 'CSSProperties'.
Types of property 'position' are incompatible.
Type 'string' is not assignable to type 'PositionProperty'. TS2345
9 | }));
10 |
> 11 | const useStyles = makeStyles((theme: Theme) => ({
| ^
12 | main: {
13 | position: 'absolute',
14 | top: 0,
рдореИрдВ createStyles
рдЬреИрд╕реЗ рд╕рдВрдпреЛрдЬрди рдХреЗ рд╕рд╛рде рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдерд╛:
const useStyles = makeStyles((theme: Theme) =>
createStyles({
main: {
position: 'absolute',
top: 0,
рд╢рд╛рдпрдж рдзреНрдпрд╛рди рджреЗрдиреЗ рдпреЛрдЧреНрдп рдмрд╛рдд рдпрд╣ рд╣реИ рдХрд┐ рдХреЗрд╡рд▓ import { createStyles } from '@material-ui/styles';
рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВ рдЬрдмрдХрд┐ createStyles
@material-ui/core
рддрдм рд╕реЗ рдирд╣реАрдВ рд╣реЛрддреЗ рдХреНрдпреЛрдВрдХрд┐ рдЯрд╛рдЗрдкрд┐рдВрдЧ рдЕрд▓рдЧ-рдЕрд▓рдЧ рд╣реЛрддреА рд╣реИред
createStyles
рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рджреЛрдиреЛрдВ [email protected]
рдФрд░ [email protected]
рд╕рд╛рде рдЖрд╡рд╢реНрдпрдХ рдирд╣реАрдВ рдерд╛ред
рдЪреВрдВрдХрд┐ рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдХреЗрд╡рд▓ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд░рд┐рд▓реАрдЬрд╝ рдЙрдореНрдореАрджрд╡рд╛рд░ рдореЗрдВ рд╣реЛрддреА рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореИрдВ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджреВрдВрдЧрд╛ред рд╣рдо рдЕрдкрдиреА рдирд┐рд░реНрднрд░рддрд╛ рдХреЗ рдЕрд╕реНрдерд┐рд░ рд╕рдВрд╕реНрдХрд░рдгреЛрдВ рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗред рдпрджрд┐ рдпрд╣ рддреНрд░реБрдЯрд┐ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд╕реНрдерд┐рд░ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдлрд┐рд░ рд╕реЗ рдкреНрд░рдХрдЯ рд╣реЛрддреА рд╣реИ, рддреЛ рдХреГрдкрдпрд╛ рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рджрд░реНрдЬ рдХрд░реЗрдВред
рдпрд╣ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ 3.5.1 рдХреЗ рд▓рд┐рдП рд╡рд╛рд╕реНрддрд╡рд┐рдХ рд▓рдЧрддрд╛ рд╣реИ, рдЬреЛ рдЕрдм рдХреЗ рд▓рд┐рдП рдирд╡реАрдирддрдо рд╕реНрдерд┐рд░ рд╕рдВрд╕реНрдХрд░рдг рд╣реИ (рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ 4 рдХреЗ рд╕рд╛рде)
4.0.2 рд╕рдВрд╕реНрдХрд░рдг рдФрд░ ts 3.5.1 рдХреЗ рд╕рд╛рде рдореИрдВ "hardNullChecks" рдЬреЛрдбрд╝рдХрд░ рдЗрд╕ рддреНрд░реБрдЯрд┐ рдХреЛ рдЯреНрд░рд┐рдЧрд░ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ: рдореЗрд░реЗ tsconfig.json рдХреЗ рд▓рд┐рдП рдЧрд▓рддред
4.0.2 рд╕рдВрд╕реНрдХрд░рдг рдФрд░ ts 3.5.1 рдХреЗ рд╕рд╛рде рдореИрдВ "hardNullChecks" рдЬреЛрдбрд╝рдХрд░ рдЗрд╕ рддреНрд░реБрдЯрд┐ рдХреЛ рдЯреНрд░рд┐рдЧрд░ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ: рдореЗрд░реЗ tsconfig.json рдХреЗ рд▓рд┐рдП рдЧрд▓рддред
рдпрд╣ рд╣рдорд╛рд░реЗ рдЯрд╛рдЗрдкрд┐рдВрдЧ рджреНрд╡рд╛рд░рд╛ рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИ:
рд╣рдорд╛рд░реА рдкрд░рд┐рднрд╛рд╖рд╛рдПрдБ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд tsconfig.json рдХреЗ рд╕рд╛рде рдЬрд╛рдВрдЪреА рдЬрд╛рддреА рд╣реИрдВред рдХрдо рд╕рдЦреНрдд tsconfig.json рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдпрд╛ рдХреБрдЫ рдкреБрд╕реНрддрдХрд╛рд▓рдпреЛрдВ рдХреЛ рдЫреЛрдбрд╝рдиреЗ рд╕реЗ рддреНрд░реБрдЯрд┐рдпреЛрдВ рдХрд╛ рдХрд╛рд░рдг рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
- https://material-ui.com/guides/typescript/
рдХреЗ рдЕрдВрддрд░реНрдЧрдд рдкреНрд░рдХрд╛рд╢рд┐рдд рд╣рд░ рдкреИрдХреЗрдЬ types/
рдХреЗ рд╕рд╛рде рдкрд░реАрдХреНрд╖рдг рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ "strictNullChecks": false
рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдЕрд░реНрде рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХреЛрдИ рдкреИрдХреЗрдЬ рдЗрд╕ рд╡рд┐рдиреНрдпрд╛рд╕ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ рдХреЗ рд░реВрдк рдореЗрдВред
рдореИрдВ рдЖрд╢реНрдЪрд░реНрдпрдЪрдХрд┐рдд рд╣реВрдБред рдореБрдЭреЗ рдкрд░рд┐рдпреЛрдЬрдирд╛рдПрдВ рд╕рдЦреНрдд рдХреЗ рд╕рд╛рде рд╡рд┐рд░рд╛рд╕рдд рдореЗрдВ рдорд┐рд▓реА рд╣реИрдВ рдЕрдзрд┐рдХ рддреНрд░реБрдЯрд┐рдпрд╛рдВ рдЙрддреНрдкрдиреНрди рдирд╣реАрдВ рд╣реБрдИ рдереАрдВред
рдЪреВрдВрдХрд┐ v3.x рдиреЗ рдХрд╛рдо рдХрд┐рдпрд╛, рдЗрд╕рд▓рд┐рдП рдореИрдВрдиреЗ рдорд╛рди рд▓рд┐рдпрд╛ рдХрд┐ 4.x рднреА рд╣реЛрдЧрд╛ред
рд╡реИрд╕реЗ рднреА, рдпрд╣ рдиреЛрдЯ рджреВрд╕рд░реЛрдВ рдХреА рдорджрдж рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреА рд░рд┐рдкреЛрд░реНрдЯ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рдпрд╣ рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдЙрдиреНрдирдпрди рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрдкреНрд░рддреНрдпрд╛рд╢рд┐рдд рд▓рд╛рдЧрдд рд╣реИред
рдЬрд╣рд╛рдБ рддрдХ рдореБрдЭреЗ рдпрд╛рдж рд╣реИ 3.x рдореЗрдВ рдЕрдиреНрдп рдореБрджреНрджреЗ рдереЗред рдЖрдкрдиреЗ рдпрд╛ рддреЛ рдЙрдирдХрд╛ рд╕рд╛рдордирд╛ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдерд╛ рдпрд╛ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЙрдирдХреЗ рдкрд╛рд╕ рдирд┐рд░рд╛рдзрд╛рд░ рдкреНрд░рдХрд╛рд░ рдереЗред рдЗрд╕ рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреЛ 4.x рдХреЗ рд╕рд╛рде рдкреЗрд╢ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред
рдореБрдЭреЗ рдпрдХреАрди рд╣реИ рдХрд┐ рд╡рд╣рд╛рдБ рдереЗ рдФрд░ рдореБрдЭреЗ рдкрддрд╛ рдЪрд▓рд╛ред
рд▓реЗрдХрд┐рди, рдЕрдЧрд░ рдореИрдВ рдПрдХ рдирдореВрдирд╛ рдкрд░рд┐рдпреЛрдЬрдирд╛ рд▓реЗрддрд╛ рд╣реВрдВ рдЬреЛ strict: true
рд╕рд╛рде рдареАрдХ рд╕рдВрдХрд▓рд┐рдд рдХрд░рддрд╛ рд╣реИ, рддреЛ рдореБрдЭреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ strict: false
рдлрд╝реНрд▓рд┐рдк рдХрд░рдХреЗ рд╣рд┐рдЯ рдХрд░рдиреЗ рдХреА рдЙрдореНрдореАрдж рдирд╣реАрдВ рд╣реИред рдореИрдВ рдпрд╣ рдирд╣реАрдВ рджреЗрдЦрддрд╛ рдХрд┐ рдЙрд╕ рд╕реНрдерд┐рддрд┐ рд╕реЗ рдХрд┐рд╕ рдкреНрд░рдХрд╛рд░ рдХреЗ рдирд┐рд░рд╛рдзрд╛рд░ рд╕рдВрдмрдВрдз рд╣реЛрдВрдЧреЗред
рдореИрдВ рдпрд╣ рдирд╣реАрдВ рджреЗрдЦрддрд╛ рдХрд┐ рдЙрд╕ рд╕реНрдерд┐рддрд┐ рд╕реЗ рдХрд┐рд╕ рдкреНрд░рдХрд╛рд░ рдХреЗ рдирд┐рд░рд╛рдзрд╛рд░ рд╕рдВрдмрдВрдз рд╣реЛрдВрдЧреЗред
рдЙрдкрдпреЛрдЧрд┐рддрд╛ рдкреНрд░рдХрд╛рд░реЛрдВ рдХреЗ рд╕рд╛рде рдХрд░рдирд╛ рд╣реИ рдЬреЛ strictNullChecks: false
рд╕рд╛рде рдЯреВрдЯрддреЗ рд╣реИрдВред рдЙрд╕ рдЭрдВрдбреЗ рдХреЗ рдмрд┐рдирд╛ undefined | null
рдХреЛ any
рд╕реМрдВрдкрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рд╡реЗ рд╣рд╛рд▓рд╛рдВрдХрд┐ рд╡рд┐рд╡рд░рдг рдХрд╛ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдХрд░ рд░рд╣реЗ рд╣реИрдВред
рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдиреЗ рдХреА рдЬрд░реВрд░рдд рд╣реИ!
рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдЕрднреА рдХреЗ рд▓рд┐рдП рдХреИрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░реВрдВ? рдЕрдЧрд░ рдореИрдВ рдЕрд╢рдХреНрдд рд╣реЛ рдЬрд╛рддрд╛ рд╣реВрдВ, рддреЛ рдореЗрд╕рдЯрд╛рдЗрд▓ рдереНрд░реЛ 'рдЕрдирд┐рд░реНрдзрд╛рд░рд┐рдд' рддреНрд░реБрдЯрд┐ рдХреА рдХрдХреНрд╖рд╛рдПрдВ рдирд╣реАрдВ рдвреВрдВрдв рд╕рдХрддрд╛ред рдХрднреА-рдХрднреА рдореЗрд░реЗ рдкрд╛рд╕ рдкрд╛рд╕ рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП рд╕рд╣рд╛рд░рд╛ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ, рддреЛ рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдВ?
@krazyjakee const c = useStyles({});
@krazyjakee
const c = useStyles({});
рдзрдиреНрдпрд╡рд╛рдж рдпрд╣ рдХрд╛рдо рдХрд┐рдпрд╛!
рдореИрдВ рдЯрд╛рдЗрдкрд┐рдВрдЧ 3.7.5 рдХреЗ рд╕рд╛рде рдЗрд╕ рддреНрд░реБрдЯрд┐ рдкрд░ рдЖрддрд╛ рд╣реВрдВред
рдпрд╣ const c = useStyles({});
рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ,
рд▓реЗрдХрд┐рди рдпрд╣ рдбреЙрдХреНрдЯрд░ рдХреЗ рд╕рд╛рде рдЕрд╕рдВрдЧрдд рд╣реИ:
https://material-ui.com/zh/styles/basics/
рдЗрд╕реА рдмрд╛рдд рдХреЛ рджреЗрдЦрддреЗ рд╣реБрдП рдПрдлрдбрдмреНрд▓реНрдпреВрдЖрдИрдбрдмреНрд▓реНрдпреВред рдореИрдВрдиреЗ рдпрд╣рд╛рдВ рдкреЛрд╕реНрдЯ рдХрд┐рдП рдЧрдП рд╕реБрдЭрд╛рд╡реЛрдВ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рд╣реИ (https://github.com/mui-org/material-ui/issues/16867) strict
рдФрд░ strictNullChecks
, рд▓реЗрдХрд┐рди рдлрд┐рд░ рднреА рдХреЛрдИ рдкрд╛рд╕рд╛ рдирд╣реАрдВред рдХреНрдпрд╛ const c = useStyles({});
"рдЕрднреА" рд╣реИ?
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
@krazyjakee
const c = useStyles({});