React-dnd: рдиреЗрд╕реНрдЯреЗрдб рдбреНрд░реЙрдк рд▓рдХреНрд╖реНрдп рдФрд░ рдХреИрдирдбреНрд░реЙрдк

рдХреЛ рдирд┐рд░реНрдорд┐рдд 29 рдордИ 2018  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: react-dnd/react-dnd

рдореЗрд░реЗ рдкрд╛рд╕ 2 рдиреЗрд╕реНрдЯреЗрдб рдбреНрд░реЙрдкрдЯрд╛рд░реНрдЧреЗрдЯреНрд╕ рд╣реИрдВред
рдорд╛рддрд╛-рдкрд┐рддрд╛ рдбреНрд░реЙрдк рд▓рдХреНрд╖реНрдп рдкрд░ рдбреНрд░реЙрдк рдЕрдХреНрд╖рдо рд╣реЛрдиреЗ рдкрд░ рдореИрдВ рдмрд╛рд▓ рдбреНрд░реЙрдкрдЯрд╛рд░реНрдЧ рдкрд░ рдбреНрд░реЙрдк рдХреЛ рд░реЛрдХрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред
рдмрдЪреНрдЪреЗ рдХреА рдХреИрдирдбреНрд░реЙрдк () рд╡рд┐рдзрд┐ рдорд╛рддрд╛-рдкрд┐рддрд╛ рдХреА рдХреИрдирдбреНрд░реЙрдк () рд╡рд┐рдзрд┐ рдкрд░ рдХреИрд╕реЗ рдирд┐рд░реНрднрд░ рд╣реЛ рд╕рдХрддреА рд╣реИ?
рдореБрдЭреЗ рд╡рд░реНрддрдорд╛рди рдПрдкреАрдЖрдИ рдХреЗ рд╕рд╛рде рд╕рдЦреНрддреА рд╕реЗ рдРрд╕рд╛ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рдирд╣реАрдВ рдорд┐рд▓рд╛, рдореБрдЭреЗ рдШрдЯрдХреЛрдВ рдкрд░ рднрд░реЛрд╕рд╛ рдХрд░рдирд╛ рдкрдбрд╝рд╛ред

рдХреНрдпрд╛ рдХрд┐рд╕реА рдиреЗ рдЗрд╕рд╕реЗ рд╕рдВрдШрд░реНрд╖ рдХрд┐рдпрд╛ рд╣реИ?

рдзрдиреНрдпрд╡рд╛рдж!

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

@danielrob рдЖрдкрдиреЗ {shallow: true} рдХреЗ рд╕рд╛рде рдЕрдкрдиреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХреИрд╕реЗ рдХрд┐рдпрд╛? рдореИрдВ рдЗрд╕реЗ canDrop рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕рдХрд╛ рдХреЛрдИ рдкреНрд░рднрд╛рд╡ рдирд╣реАрдВ рд╣реИред рдЖрджрд░реНрд╢ рд░реВрдк рд╕реЗ рдореИрдВ рдЪрд╛рд╣реВрдВрдЧрд╛ рдХрд┐ рдмрдЪреНрдЪреЛрдВ рдХреЛ рдЫреЛрдбрд╝рддреЗ рд╕рдордп рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рджреА рдЬрд╛рдП, рдФрд░ рдлрд┐рд░ рдорд╛рддрд╛-рдкрд┐рддрд╛ рдХреЛред

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

рдореИрдВ рд╢реБрд░реВ рдореЗрдВ рдпрд╣рд╛рдВ рдЖрдпрд╛ рдХреНрдпреЛрдВрдХрд┐ рдореБрдЭреЗ рд╡рд┐рдкрд░реАрдд рд╕рдорд╕реНрдпрд╛ рдереА ... рдЬрд┐рд╕реЗ рдореИрдВрдиреЗ рдорд╛рддрд╛-рдкрд┐рддрд╛ рдФрд░ рдмрдЪреНрдЪреЗ рджреЛрдиреЛрдВ рдХреА canDrop рдкрджреНрдзрддрд┐ рдореЗрдВ monitor.isOver({ shallow: true }) рдХреЗ рд╕рд╛рде рд╣рд▓ рдХрд┐рдпрд╛ред рдореИрдВ рдЪрд╛рд╣рддрд╛ рдерд╛ рдХрд┐ рдХреЗрд╡рд▓ рдмрдЪреНрдЪрд╛ рдЬрд╡рд╛рдм рджреЗ, рд▓реЗрдХрд┐рди рдорд╛рддрд╛-рдкрд┐рддрд╛ рдиреЗ рдЭреВрдареА рд╡рд╛рдкрд╕реА рдХреА, рдмрдЪреНрдЪреЗ рдХреЛ рд╕рдЪ рд▓реМрдЯрдиреЗ рд╕реЗ рд░реЛрдХ рджрд┐рдпрд╛ред

рдЗрд╕ рдкреНрд░рдХрд╛рд░ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЖрдк рдЬрд┐рд╕ рд╡реНрдпрд╡рд╣рд╛рд░ рдХрд╛ рд╡рд░реНрдгрди рдХрд░ рд░рд╣реЗ рд╣реИрдВ рд╡рд╣ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╡реНрдпрд╡рд╣рд╛рд░ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рджреЛрдиреЛрдВ рдПрдХ рд╣реА рдбреНрд░реЙрдк рдкреНрд░рдХрд╛рд░ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рддреЗ рд╣реИрдВ, рдФрд░ рдЖрдкрдХреЗ рд╡рд╛рд╕реНрддрд╡рд┐рдХ рдбреЛрдо рддрддреНрд╡реЛрдВ рдореЗрдВ рдХреБрдЫ рдЕрдЬреАрдм рд╕реНрдЯреИрдХрд┐рдВрдЧ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рдЪрд▓ рд░рд╣реА рд╣реИ, рдФрд░ рдЖрдкрдХрд╛ рдХреИрдирдбреНрд░реЙрдк рд░рд╛рд╕реНрддреЗ рдореЗрдВ рдирд╣реАрдВ рдЖ рд░рд╣рд╛ рд╣реИред

рд╡реИрд╕реЗ рднреА, рдореИрдВ рдХреЛрдИ рдпреЛрдЧрджрд╛рдирдХрд░реНрддрд╛/рд╕рд╣рдпреЛрдЧреА рдирд╣реАрдВ рд╣реВрдВ, рдФрд░ рдмрд╕ рд╕рдВрдпреЛрдЧ рд╕реЗ рдЖрдкрдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛ рд▓рд┐рдпрд╛ред рдЖрдк рдЕрдкрдиреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рдПрдХ рд╕реИрдВрдбрдмреЙрдХреНрд╕ рдкреЛрд╕реНрдЯ рдХрд░рдирд╛ рдЪрд╛рд╣ рд╕рдХрддреЗ рд╣реИрдВ, рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рд╣рдореЗрд╢рд╛ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдЕрдиреБрд░рдХреНрд╖рдХреЛрдВ рдХреЛ рдЖрдкрдХреА рд╕рдорд╕реНрдпрд╛ рдХреЛ рдареАрдХ рд╕реЗ рд╕рдордЭрдиреЗ рдореЗрдВ рдорджрдж рдХрд░рддрд╛ рд╣реИред

рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдкреБрд░рд╛рдиреЗ рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдореЗрдВ рд╣рд╛рд▓ рдХреА рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реИред рдЖрдЧреЗ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реЛрдиреЗ рдкрд░ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЖрдкрдХреЗ рдпреЛрдЧрджрд╛рдиреЛрдВ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред

@danielrob рдЖрдкрдиреЗ {shallow: true} рдХреЗ рд╕рд╛рде рдЕрдкрдиреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХреИрд╕реЗ рдХрд┐рдпрд╛? рдореИрдВ рдЗрд╕реЗ canDrop рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕рдХрд╛ рдХреЛрдИ рдкреНрд░рднрд╛рд╡ рдирд╣реАрдВ рд╣реИред рдЖрджрд░реНрд╢ рд░реВрдк рд╕реЗ рдореИрдВ рдЪрд╛рд╣реВрдВрдЧрд╛ рдХрд┐ рдмрдЪреНрдЪреЛрдВ рдХреЛ рдЫреЛрдбрд╝рддреЗ рд╕рдордп рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рджреА рдЬрд╛рдП, рдФрд░ рдлрд┐рд░ рдорд╛рддрд╛-рдкрд┐рддрд╛ рдХреЛред

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

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

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

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

gocreating picture gocreating  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

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

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