import MenuIcon from 'material-ui-icons/Menu';
рдХрд╛рд░рдг
рдореЙрдбреНрдпреВрд▓ рдирд╣реАрдВ рдорд┐рд▓рд╛: 'рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ-рдЖрдЗрдХрди/рдореЗрдиреВ' рдХреЛ рд╣рд▓ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛
рдЙрджрд╛рд╣рд░рдг рд╕реЗ рдкреНрд░рдпреБрдХреНрдд рд╕рдЯреАрдХ рдХреЛрдб: https://github.com/mui-org/material-ui/blob/v1-beta/docs/src/pages/demos/app-bar/ButtonAppBar.js
рдУрд╣, рдпрд╣ рдореВрд▓ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ рдкреИрдХреЗрдЬ рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛ рдирд╣реАрдВ рд╣реИ: npm install --save material-ui-icons
рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдХрд┐рд╕реА рдЕрдиреНрдп рд╡реНрдпрдХреНрддрд┐ рдХреЗ рд▓рд┐рдП: npm install @material-ui/icons
рд╣рдо рд╢рд╛рдпрдж рдХрд┐рд╕реА рдмрд┐рдВрджреБ рдкрд░ material-ui-icons
рдореЗрдВ рдПрдХ рдмрд╣рд┐рд╖реНрдХрд░рдг рдЪреЗрддрд╛рд╡рдиреА рдЬреЛрдбрд╝ рджреЗрдВрдЧреЗред рдлрд┐рд▓рд╣рд╛рд▓ рд╡реЗ рдХрд╛рд░реНрдпрд╛рддреНрдордХ рд░реВрдк рд╕реЗ рд╕рдорд╛рди рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЕрдЧрд░ Google рдХрднреА рднреА рдирдП рдЖрдЗрдХрди рдЬрд╛рд░реА рдХрд░рддрд╛ рд╣реИ, рддреЛ рдХреЗрд╡рд▓ @material-ui/icons
рд╣реА рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред
рдЖрдкрдХреЛ @ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ рдЕрдкрдбреЗрдЯ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред
рддреЛ рдХреГрдкрдпрд╛ рдЕрдкрдиреЗ рдЯрд░реНрдорд┐рдирд▓ рдореЗрдВ рд▓рд┐рдЦреЗрдВ
npm install @material-ui/core
npm install @material-ui/icons
рдФрд░ 'npm start' рдХреЛ рдкреБрдирд░рд╛рд░рдВрдн рдХрд░реЗрдВ
рдХреНрдпрд╛ рдпрд╛рд░реНрди рдХреЗ рд▓рд┐рдП рдПрдХ рд╣реА рдкреИрдХреЗрдЬ рд╣реИ?
npm рдХреЗ рд▓рд┐рдП рдкреНрд░рддреНрдпреЗрдХ рдкреИрдХреЗрдЬ рдпрд╛рд░реНрди рдХреЗ рд▓рд┐рдП рдЙрдкрд▓рдмреНрдз рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП (рдЬрдм рддрдХ рдХрд┐ рдЖрдк рд╡рд┐рднрд┐рдиреНрди рд░рдЬрд┐рд╕реНрдЯреНрд░рд┐рдпреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рд╕рдВрджреЗрд╣ рд╣реИ рдХрд┐ рдпрд╣ рдЖрдк рдкрд░ рд▓рд╛рдЧреВ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ)ред
рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ @ eps1lon ... рдореБрдЭреЗ рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд░рддреЗ рд╕рдордп рдПрдХ рд╕рдорд╕реНрдпрд╛ рд╣реИ .. рдпрд╣реА рдХрд╛рд░рдг рд╣реИ рдХрд┐ рд╣рд╛рд▓рд╛рдВрдХрд┐ рдореЗрд░реЗ рдкрд╛рд╕ рдЙрд╕реА рдирд╛рдо рдХреЗ рд╣рд╕реНрддрд╛рдХреНрд╖рд░ рд╡рд╛рд▓рд╛ рдкреИрдХреЗрдЬ рдирд╣реАрдВ рд╣реИред рдзрдиреНрдпрд╡рд╛рджред
рдЗрд╕ рддреНрд░реБрдЯрд┐ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреЛрдИ рд╡рд┐рдЪрд╛рд░ рд╣реИ
рдореЙрдбреНрдпреВрд▓ рдирд╣реАрдВ рдорд┐рд▓рд╛: 'рдИ: \ рд╕рд╛рдордЧреНрд░реА рдпреВрдЖрдИ \ firstapp \ src' рдореЗрдВ '@ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ/рдХреЛрд░/рдЧреНрд░рд┐рдб' рдХреЛ рд╣рд▓ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛
:(
@atuljustano рдХреГрдкрдпрд╛ рдПрдХ рдЕрд▓рдЧ рдЕрдВрдХ рдЦреЛрд▓реЗрдВ рдФрд░ рдЯреЗрдореНрдкрд▓реЗрдЯ рднрд░реЗрдВред
@atuljustano рдХреГрдкрдпрд╛ рди рдХрд░реЗрдВред рд╣рдо рдЧрд┐рдЯрд╣рдм рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдмрдЧ рдФрд░ рдлреАрдЪрд░ рдЕрдиреБрд░реЛрдзреЛрдВ рдХреЛ рдЯреНрд░реИрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЬрд╛рд░реА рдХрд░рддреЗ рд╣реИрдВред рдХреГрдкрдпрд╛ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рд╕реНрдЯреИрдХ рдУрд╡рд░рдлреНрд▓реЛ рдпрд╛ рд╕реНрдкреЗрдХреНрдЯреНрд░рдо.рдЪреИрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред "рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ" рдирд╛рдордХ рдПрдХ рд╕реНрдЯреИрдХ рдУрд╡рд░рдлреНрд▓реЛ рдЯреИрдЧ рд╣реИ рдЬрд┐рд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдЖрдк рдЕрдкрдиреЗ рдкреНрд░рд╢реНрдиреЛрдВ рдХреЛ рдЯреИрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдзрдиреНрдпрд╡рд╛рдж!
рдирдорд╕реНрддреЗ, рдореБрдЭреЗ ....node_modules/@material-ui/icons"' has no exported member 'MenuIcon'.
@material-ui/icons
рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рдХреЗ рдмрд╛рд╡рдЬреВрдж
рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ рдмрд╕ рд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВ
рдкреНрд░рддреАрдХ рдХреЗ рд▓рд┐рдП
npm @ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ/рдЖрдЗрдХрди рд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВ
рдФрд░ рдЕрдиреНрдп рд╕рд╛рдордЧреНрд░реА рдХреЗ рд▓рд┐рдП
npm @ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ / рдХреЛрд░ рд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВ
рдФрд░ рдЗрд╕ рддрд░рд╣ рдЖрдпрд╛рдд рдХрд░реЗрдВ
'@ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ/рдХреЛрд░/рдРрдкрдмрд╛рд░' рд╕реЗ рдРрдкрдмрд╛рд░ рдЖрдпрд╛рдд рдХрд░реЗрдВ;
'@ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ/рдЖрдЗрдХрди/рдЦреЛрдЬ' рд╕реЗ рд╕рд░реНрдЪ рдЖрдЗрдХрди рдЖрдпрд╛рдд рдХрд░реЗрдВ;
рдЗрд╕реЗ рдереЛрдбрд╝рд╛ рд╕реНрдкрд╖реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реЛрдВ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░рдирд╛ рдЕрдЪреНрдЫрд╛ рд▓рдЧреЗрдЧрд╛ред
@catonmat рд╕рд╛рдордЧреНрд░реА рдЪрд┐рд╣реНрди рдкреГрд╖реНрда рдореЗрдВ рдкрд╣рд▓рд╛ рд╡рд╛рдХреНрдп рдкреИрдХреЗрдЬ рдирд╛рдо рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдХрд░рддрд╛ рд╣реИред рдпрд╣ рдЗрдВрд╕реНрдЯрд╛рд▓реЗрд╢рди рдбреЙрдХреНрд╕ рдореЗрдВ рднреА рд╢рд╛рдорд┐рд▓ рд╣реИред рдЖрдЗрдХрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рд╡рд╛рд▓рд╛ рдкреНрд░рддреНрдпреЗрдХ рдЙрджрд╛рд╣рд░рдг рдЖрдпрд╛рдд рджрд┐рдЦрд╛рддрд╛ рд╣реИ, рдФрд░ рдкреНрд░рддреНрдпреЗрдХ рдЖрдЗрдХрди рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рдкрд░ рдПрдХ рдХреЙрдкреА рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдЖрдпрд╛рдд рд╣реЛрддрд╛ рд╣реИ:
рдЗрд╕реЗ рд╕реНрдкрд╖реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдо рдХреНрдпрд╛ рд╕реБрдЭрд╛рд╡ рджреЗ рд╕рдХрддреЗ рд╣реИрдВ?
рдЗрд╕рдиреЗ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд┐рдпрд╛, рдзрдиреНрдпрд╡рд╛рдж
рдХреНрдпрд╛ рдпрд╛рд░реНрди рдХреЗ рд▓рд┐рдП рдПрдХ рд╣реА рдкреИрдХреЗрдЬ рд╣реИ?
рдпрд╛рд░реНрди рдПрдирдкреАрдПрдо рдХреЗ рд╕рдорд╛рди рд╕реНрд░реЛрдд рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИред рдЗрд╕рд▓рд┐рдП, рдПрдирдкреАрдПрдо/рдпрд╛рд░реНрди рдкреИрдХреЗрдЬ рдореЗрдВ рдХреЛрдИ рдЕрдВрддрд░ рдирд╣реАрдВ рд╣реИред
рдореИрдВ рдПрдХ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣рд╛ рдерд╛, рдмрдирд╛рдордХреЛрдб рдореЗрдВ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдЖрдЗрдХрди рдЖрдпрд╛рдд рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛, рд▓реЗрдХрд┐рди рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рдерд╛ред рдирд┐рдХрд▓рд╛, рдореБрдЭреЗ рдЗрд╕реЗ рдПрдХ рдЕрд▓рдЧ рддрд░реАрдХреЗ рд╕реЗ рдЖрдпрд╛рдд рдХрд░рдирд╛ рдкрдбрд╝рд╛ рдЬреИрд╕реЗ: import DeleteIcon from '@material-ui/icons/Delete';
рддреЛ, рдЖрдк рджреЗрдЦрддреЗ рд╣реИрдВ, DeleteIcon
рдФрд░ Delete
рдпрд╣рд╛рдВ рджреЛ рдЕрд▓рдЧ-рдЕрд▓рдЧ рдирд╛рдо рд╣реИрдВред
@adisher рдпрджрд┐ рдЖрдк рдЪрд╛рд╣реЗрдВ рддреЛ рдЗрд╕реЗ Delete
рд░реВрдк рдореЗрдВ рдЖрдпрд╛рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдмрд╛рдж рдореЗрдВ рдЬрдм рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рддреЛ DeleteIcon
рд░реВрдк рдореЗрдВ рдЖрдпрд╛рдд рдХрд░рдирд╛ рд╕реНрдкрд╖реНрдЯ рд╣реЛрддрд╛ рд╣реИред
рдкрд░рд┐рд╡рд░реНрддрди
'@ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ/рдЖрдЗрдХрди/рдореЗрдиреВ' рд╕реЗ рдореЗрдиреВ рдЖрдЗрдХрди рдЖрдпрд╛рдд рдХрд░реЗрдВ;
рдкреНрд░рддрд┐:
'@ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ/рдЖрдЗрдХрди/рдореЗрдиреВ' рд╕реЗ рдореЗрдиреВ рдЖрдпрд╛рдд рдХрд░реЗрдВ;
рдореИрдВ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣рд╛ рдерд╛ рдХреНрдпреЛрдВрдХрд┐ рдореИрдВ рдЧрд▓рдд рддрд░реАрдХреЗ рд╕реЗ рдЖрдпрд╛рдд рдХрд░ рд░рд╣рд╛ рдерд╛ред рдореИрдВ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рдерд╛
import { MenuIcon } from '@material-ui/icons/Menu'
рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдЗрд╕реЗ рдмрджрд▓рдиреЗ рдХреА рдЬрд░реВрд░рдд рдереА
import MenuIcon from '@material-ui/icons/Menu'
рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдХрд┐рд╕реА рдЕрдиреНрдп рд╡реНрдпрдХреНрддрд┐ рдХреЗ рд▓рд┐рдП:
npm install @material-ui/icons
рдХрд░рддрд╛ рд╣реИред рдирд╣реАрдВред рдорджрджред
рд╡реАрдПрд╕ рдХреЛрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛
рдореЗрд░реЗ рдкрд╛рд╕ рдкреНрд░рддреАрдХ рдФрд░ рдХреЛрд░ рджреЛрдиреЛрдВ рд╕реНрдерд╛рдкрд┐рдд рд╣реИрдВред
SearchIcon рдПрдХ рд╕рдорд╛рди рддреНрд░реБрдЯрд┐ рд▓реМрдЯрд╛ рд░рд╣рд╛ рд╣реИ:
**рд╕рдВрдХрд▓рд┐рдд рдХрд░рдиреЗ рдореЗрдВ рд╡рд┐рдлрд▓
рдореЙрдбреНрдпреВрд▓ рдирд╣реАрдВ рдорд┐рд▓рд╛: [рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдлрд╝рд╛рдЗрд▓рдкрде] рдореЗрдВ '@ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ/рдЖрдЗрдХрди/рдЦреЛрдЬ'
@ ./src/Header.js 14:14-50**
рдпрд╣ рдЖрдпрд╛рдд рдирд┐рд░реНрджреЗрд╢ рд╣реИ:
"@ material-ui/icons/Search" рд╕реЗ SearchIcon рдЖрдпрд╛рдд рдХрд░реЗрдВ;
рдПрдЪрдЯреАрдПрдордПрд▓:
рдирд┐рд░реНрднрд░рддрд╛:
"@ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ/рдХреЛрд░": "^4.11.0",
"Material-ui-icons": "^1.0.0-beta.36",
рдЖрдкрдХреЛ @ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ рдЕрдкрдбреЗрдЯ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред
рддреЛ рдХреГрдкрдпрд╛ рдЕрдкрдиреЗ рдЯрд░реНрдорд┐рдирд▓ рдореЗрдВ рд▓рд┐рдЦреЗрдВnpm install @material-ui/core npm install @material-ui/icons
рдФрд░ 'npm start' рдХреЛ рдкреБрдирд░рд╛рд░рдВрдн рдХрд░реЗрдВ
рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИрдВ!
рдЖрдкрдХреЛ @ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ рдЕрдкрдбреЗрдЯ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред
рддреЛ рдХреГрдкрдпрд╛ рдЕрдкрдиреЗ рдЯрд░реНрдорд┐рдирд▓ рдореЗрдВ рд▓рд┐рдЦреЗрдВnpm install @material-ui/core npm install @material-ui/icons
рдФрд░ 'npm start' рдХреЛ рдкреБрдирд░рд╛рд░рдВрдн рдХрд░реЗрдВ
рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИрдВ!
рд╣рд╛рдВ, рдореИрдВрдиреЗ рдкрд╛рдпрд╛ рдХрд┐ рдпрд╣ рдкреИрдХреЗрдЬ, рдПрдХ рдЕрдиреНрдп рд╕реВрддреНрд░ рдореЗрдВ рд╕реБрдЭрд╛рдпрд╛ рдЧрдпрд╛, рдореЗрд░реЗ рдЙрджреНрджреЗрд╢реНрдп рдХреЗ рд▓рд┐рдП рдЧрд▓рдд рдерд╛:
"Material-ui-icons": "^1.0.0-beta.36",
рдореИрдВрдиреЗ рдЖрдкрдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдкреБрдирдГ рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рдФрд░ рдкрд╛рдпрд╛ рдХрд┐ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рд╣реЛ рдЧрдпрд╛ред рдзрдиреНрдпрд╡рд╛рдж рдЕрд░реНрдкрдг!
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдХрд┐рд╕реА рдЕрдиреНрдп рд╡реНрдпрдХреНрддрд┐ рдХреЗ рд▓рд┐рдП:
npm install @material-ui/icons
https://www.npmjs.com/package/@material-ui/icons