рдореИрдВ рдЙрд╕ рддрд░реАрдХреЗ рдХреЛ рдЕрдХреНрд╖рдо рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдЬрд┐рд╕ рддрд░рд╣ рд╕реЗ рдЪрдпрдирдХрд░реНрддрд╛ рдкреЙрдкрдУрд╡рд░ рдХреЛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддрд╛ рд╣реИ, рдЪрдпрдирд┐рдд рдЖрдЗрдЯрдо, рдЕрдЬреАрдм рдЪрд▓рддреА рдЕрдЬреАрдм рдмрд╛рдд рд╣реИ, рдмрд╕ рдЗрд╕реЗ рдЕрдХреНрд╖рдо рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рдФрд░ рдореЗрдиреВ рдХреЛ рд╕реНрдерд╛рдпреА рд░реВрдк рд╕реЗ рдЪрдпрди рдХрд░реЗрдВред
рдореИрдВ Select
рдлрд╛рдЗрд▓реЛрдВ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рд░рд╣рд╛ рд╣реВрдБ, рдпрд╣ рдирд╣реАрдВ рдорд┐рд▓рд╛ред рдпрджрд┐ рдЖрдк рдореЗрд░реЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЪрд▓ рд╕рдХрддреЗ рд╣реИрдВ, рддреЛ рдореИрдВ рдЗрд╕реЗ рд╕реНрд╡рдпрдВ рдХрд░реВрдВрдЧрд╛ рдФрд░ рдкреАрдЖрд░ рдмрдирд╛ рд╕рдХрддрд╛ рд╣реВрдВред
рдкреЙрдкрдУрд╡рд░ рдЪрдпрдирд┐рдд рдЖрдЗрдЯрдо рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдЪрд▓ рд░рд╣рд╛ рд╣реИ рдФрд░ рдХреЛрдИ рдЕрдХреНрд╖рдо рд╡рд┐рдХрд▓реНрдк / рд░рд┐рдкреЛрдЬрд┐рд╢рди рд╡рд┐рдХрд▓реНрдк рдирд╣реАрдВ рд╣реИред
рдореИрдВ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ рдореЗрдиреВ рдХрд╛ рдЪрдпрди рдХрд┐рдпрд╛ рдЬрд╛рдПред
@ w3nda рдкреНрд░рд▓реЗрдЦрди рдХреЗ рдмрд╛рдж:
<Menu
anchorOrigin={{
vertical: "bottom",
horizontal: "left"
}}
transformOrigin={{
vertical: "top",
horizontal: "left"
}}
getContentAnchorEl={null}
https://codesandbox.io/s/9l17k3qnk4
рдореБрдЭреЗ рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдорджрдж
рдУрд╣, рдпрд╣ рдЪрдпрди рдХреЗ рд╕рд╛рде рд╣реИ, рдЖрдЗрдП рдПрдХ рдХрджрдо рдФрд░ рдЧрд╣рд░рд╛ рдХрд░реЗрдВ:
<Select
MenuProps={{
anchorOrigin: {
vertical: "bottom",
horizontal: "left"
},
transformOrigin: {
vertical: "top",
horizontal: "left"
},
getContentAnchorEl: null
}}
>
рд░рд╛рдЬрд╛!
рдореИрдВрдиреЗ рдкрд╛рдпрд╛ рд╣реИ рдХрд┐ рдЕрдЧрд░ рдореЗрдиреВ рдореЗрдВ рдЗрд╕рдХреЗ рдиреАрдЪреЗ рдкрд░реНрдпрд╛рдкреНрдд рдЬрдЧрд╣ рд╣реИ, рддреЛ рдпрд╣ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдкреНрд░рд╕реНрддреБрдд рдХрд░реЗрдЧрд╛, рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдЙрд╕рдХреЗ рдкрд╛рд╕ рд╕реНрдХреНрд░реАрди рдкрд░ рдЬрдЧрд╣ рдирд╣реАрдВ рд╣реИ рддреЛ рдореЗрдиреВ рдХреЛ рдКрдкрд░ рдзрдХреЗрд▓ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рд╕рдЪ? рдпрд╛ рдЯреВрдЯрд╛ рд╣реБрдЖ рд╡реНрдпрд╡рд╣рд╛рд░?
рдореИрдВрдиреЗ рдкрд╛рдпрд╛ рд╣реИ рдХрд┐ рдЕрдЧрд░ рдореЗрдиреВ рдореЗрдВ рдЗрд╕рдХреЗ рдиреАрдЪреЗ рдкрд░реНрдпрд╛рдкреНрдд рдЬрдЧрд╣ рд╣реИ, рддреЛ рдпрд╣ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдкреНрд░рд╕реНрддреБрдд рдХрд░реЗрдЧрд╛, рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдЙрд╕рдХреЗ рдкрд╛рд╕ рд╕реНрдХреНрд░реАрди рдкрд░ рдЬрдЧрд╣ рдирд╣реАрдВ рд╣реИ рддреЛ рдореЗрдиреВ рдХреЛ рдКрдкрд░ рдзрдХреЗрд▓ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред
@wenduzer рдпрд╣ рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░ рдХреА рддрд░рд╣ рд▓рдЧрддрд╛ рд╣реИред
рдУрд╣, рдпрд╣ рдЪрдпрди рдХреЗ рд╕рд╛рде рд╣реИ, рдЖрдЗрдП рдПрдХ рдХрджрдо рдФрд░ рдЧрд╣рд░рд╛ рдХрд░реЗрдВ:
@oliviertassinari рдзрдиреНрдпрд╡рд╛рдж, рдпрд╣ рд╡рд╣реА рд╣реИ рдЬреЛ рдореИрдВ рдкрд┐рдЫрд▓реЗ 2 рдШрдВрдЯреЛрдВ рд╕реЗ рдЦреЛрдЬ рд░рд╣рд╛ рд╣реВрдВред
@ рд╢реНрд░реАрдХрд╛рдВрдд 9 рд╣рдо рдЙрддреНрддрд░ рдХреА рдЦреЛрдЬ рдХреЛ рдХреИрд╕реЗ рд╕реБрдзрд╛рд░ рд╕рдХрддреЗ рд╣реИрдВ?
рд╣рдо рдЙрддреНрддрд░ рдХреА рдЦреЛрдЬ рдХреНрд╖рдорддрд╛ рдХреИрд╕реЗ рд╕реБрдзрд╛рд░ рд╕рдХрддреЗ рд╣реИрдВ?
@oliviertassinari рдореЗрд░реА рд░рд╛рдп рдореЗрдВ, <Select />
рдШрдЯрдХ рдХреЗ рдбреЗрдореЛ рдкреЗрдЬ рдкрд░ рдбреЗрдореЛ рдХреЗ рдЕрдзрд┐рдХ рд╡рд┐рд╡рд┐рдз рд╕рдВрд╕реНрдХрд░рдг рд╣реИрдВред рд╣рд╛рд▓рд╛рдВрдХрд┐ рдИрдорд╛рдирджрд╛рд░реА рд╕реЗ, рдореИрдВрдиреЗ рд╣рд╛рд▓ рд╣реА рдореЗрдВ рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд░ рджрд┐рдпрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЕрднреА рднреА рдбреЙрдХреНрд╕ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред
@ рд╢реНрд░реАрдХрд╛рдВрдд 9 рд╣рдореЗрдВ рдПрдХ рдкреБрд▓ рдЕрдиреБрд░реЛрдз рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рдиреЗ рдореЗрдВ рдЦреБрд╢реА рд╣реЛрдЧреА We
@oliviertassinari рд╢реБрдХреНрд░рд┐рдпрд╛ рдореЗрд░реЗ рджреЛрд╕реНрдд, рдЖрдкрдиреЗ рдореЗрд░реА рдмрд╣реБрдд рдорджрдж рдХреАред рдореИрдВ рд╕рд╛рдордЧреНрд░реА ui рдХреЛ рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдЬрд╛рдирддрд╛ рд╣реВрдВ, рд▓реЗрдХрд┐рди рдореИрдВ рдЗрд╕ рдирд┐рд░реНрдгрдп рдкрд░ рдирд╣реАрдВ рдЖ рд╕рдХрд╛
рд╣рдо рд╕рдВрднрд╡рддрдГ # 18493 рдХреЗ рд╕рд╛рде рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╕реНрдерд┐рддрд┐ рдХреЛ рдмрджрд▓ рджреЗрдВрдЧреЗред
рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдУрд╣, рдпрд╣ рдЪрдпрди рдХреЗ рд╕рд╛рде рд╣реИ, рдЖрдЗрдП рдПрдХ рдХрджрдо рдФрд░ рдЧрд╣рд░рд╛ рдХрд░реЗрдВ:
https://codesandbox.io/s/18l2042y97