React-dnd: рдЕрдкрд░рд┐рд╡рд░реНрддрдиреАрдп рдЙрд▓реНрд▓рдВрдШрди: рд╕рд░реНрд╡рд░ рдкрд░ рдкрд░рд┐рдирд┐рдпреЛрдЬрд┐рдд рдХрд░рддреЗ рд╕рдордп рдЕрдкреЗрдХреНрд╖рд┐рдд рдбреНрд░реИрдЧ рдбреНрд░реЙрдк рд╕рдВрджрд░реНрдн рдЦреЛрдЬреЗрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 31 рдЬреБрд▓ре░ 2019  ┬╖  11рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: react-dnd/react-dnd

рдореЗрд░рд╛ рдРрдк рдореЗрд░реЗ рд╕реНрдерд╛рдиреАрдп рд╡рд╛рддрд╛рд╡рд░рдг рдкрд░ рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЬрдм рдореИрдВ рд╕рд░реНрд╡рд░ рдкрд░ рддреИрдирд╛рдд рдХрд░рддрд╛ рд╣реВрдВ, рддреЛ рдХрдВрд╕реЛрд▓ рдкреНрд░рд┐рдВрдЯ рддреНрд░реБрдЯрд┐: рд╕рд░реНрд╡рд░ рдкрд░ рддреИрдирд╛рдд рдХрд░рддреЗ рд╕рдордп 'рдЕрдкрд░рд┐рд╡рд░реНрддрдиреАрдп рдЙрд▓реНрд▓рдВрдШрди: рдЕрдкреЗрдХреНрд╖рд┐рдд рдбреНрд░реИрдЧ рдбреНрд░реЙрдк рд╕рдВрджрд░реНрдн рдЦреЛрдЬ'ред
рдореБрдЭреЗ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдкрддрд╛ рдирд╣реАрдВ рд╣реИ рдХрд┐ рдХреНрдпрд╛ рдЧрд▓рдд рд╣реИред рдХреНрдпрд╛ рдЖрдк рдореБрдЭреЗ рдХреБрдЫ рд╕рд▓рд╛рд╣ рджреЗ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ рдореВрд▓ рдХрд╛рд░рдг рдХреНрдпрд╛ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ?
рдореЗрд░рд╛ рд╕реНрдерд╛рдиреАрдп рдиреЛрдб рд╕рдВрд╕реНрдХрд░рдг 8.11.3 рд╣реИред рдФрд░ рдореИрдВ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдХреНрд▓рд╛рдЙрдб рдиреЛрдб рд╡рд╛рддрд╛рд╡рд░рдг (v6.7.0) рдХреЗ рддрд╣рдд рд╕реНрдерд┐рд░ рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреА рд╕реЗрд╡рд╛ рдХреЗ рд▓рд┐рдП рд╕рд░реНрд╡рд░ рдкрд░ 8.11.3 рдФрд░ рдПрдХ рдПрдХреНрд╕рдкреНрд░реЗрд╕ рд╕рд░реНрд╡рд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВред
рдореИрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ:
"react-dnd": "^9.0.1"
"react-dnd-html5-backend": "^9.0.0"
"рд░рд┐рдПрдХреНрдЯ-рдбреАрдПрдирдбреА-рдЯрдЪ-рдмреИрдХрдПрдВрдб": "^9.0.2"

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

рдЖрдкрдХреЛ рдЕрдкрдиреЗ рдкрд░реАрдХреНрд╖рдг рдлрд╝рд╛рдЗрд▓ рдШрдЯрдХ рдХреЛ рдЗрд╕ рдкреНрд░рдХрд╛рд░ рд▓рдкреЗрдЯрдирд╛ рдЪрд╛рд╣рд┐рдП:

<DndProvider backend={HTML5Backend}> <Component /> </DndProvider>

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

рдореИрдВрдиреЗ рдЕрдкрдиреЗ рдкреИрдХреЗрдЬ рдХреЛ рдирд╡реАрдирддрдо рдореЗрдВ рдЕрдкрдЧреНрд░реЗрдб рдХрд┐рдпрд╛ рд╣реИ рдФрд░ рддреНрд░реБрдЯрд┐ рдореЗрд░реЗ рд╕реНрдерд╛рдиреАрдп рд╡рд╛рддрд╛рд╡рд░рдг рдореЗрдВ рд╣реЛрддреА рд╣реИред

рдРрд╕рд╛ рдЗрд╕рд▓рд┐рдП рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдореЗрд░реЗ рдкрд╛рд╕ ^ рд╣реИ рдФрд░ рдореИрдВ рд╕реНрдерд╛рдиреАрдп рдореЗрдВ рдпрд╛рд░реНрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ рд▓реЗрдХрд┐рди рдХреНрд▓рд╛рдЙрдб рдореЗрдВ рдПрдирдкреАрдПрдо рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рд╕реНрдерд╛рдиреАрдп рдФрд░ рджреЗрд╡ рдореЗрдВ рдЕрд▓рдЧ рдкреИрдХреЗрдЬ рд╕рдВрд╕реНрдХрд░рдг рдорд┐рд▓рд╛ред
рдФрд░ рдЬрдм рдореИрдВ 9.3.3 рдФрд░ 9.3.2 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ, рддреЛ рдореБрдЭреЗ рд╡рд╣реА рддреНрд░реБрдЯрд┐ рдорд┐рд▓реА: 'рдЕрдкрд░рд┐рд╡рд░реНрддрдиреАрдп рдЙрд▓реНрд▓рдВрдШрди: рдЕрдкреЗрдХреНрд╖рд┐рдд рдбреНрд░реИрдЧ рдбреНрд░реЙрдк рд╕рдВрджрд░реНрдн рдвреВрдВрдвреЗрдВред рдореИрдВрдиреЗ рд╕рдВрджрд░реНрдн рдЦреЛ рджрд┐рдпрд╛ред
рдФрд░ 9.2.1 рдареАрдХ рд╣реИред

+1 рдореБрдЭреЗ рдпрд╣ рднреА рдорд┐рд▓ рд░рд╣рд╛ рд╣реИ

рдкрд░реНрдпрд╛рд╡рд░рдг рдЬреИрд╕рд╛ рджрд┐рдЦрддрд╛ рд╣реИ:

"react": "^16.8.6", "react-dnd": "^9.3.4", "react-dnd-html5-backend": "^9.3.4", "react-dom": "^16.8.6",

рдЗрд╕рдХрд╛ рд╢рд╛рдпрдж рдорддрд▓рдм рд╣реИ рдХрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдЕрдкрдиреЗ рдШрдЯрдХ рдкреЗрдбрд╝ рдкрд░ рдПрдХ рдШрдЯрдХ рдХреЛ рдмрд╣реБрдд рдХрдо рд▓рдкреЗрдЯрдХрд░ DndProvider рдорд┐рд▓ рдЧрдпрд╛ рд╣реИред

рдХреНрдпрд╛ рдЖрдкрдиреЗ рдЗрд╕рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХрд┐рдпрд╛? рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдереА рдФрд░ рдпрд╣ рдкрддрд╛ рдЪрд▓рд╛ рдХрд┐ рдореЗрд░реЗ рдРрдк рдореЗрдВ рдмрдВрдбрд▓ рдХрд┐рдП рдЬрд╛ рд░рд╣реЗ рд╡рд┐рднрд┐рдиреНрди рд╕рдВрд╕реНрдХрд░рдгреЛрдВ рдХреЗ рдХрдИ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рдбреАрдПрдирдбреА рдкреБрд╕реНрддрдХрд╛рд▓рдп рдереЗред рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдпрд╣ рдХрд┐рд╕реА рдХреА рдорджрдж рдХрд░рддрд╛ рд╣реИред

рдореИрдВ рднреА рдЗрд╕реА рдореБрджреНрджреЗ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдХреНрдпрд╛ рдХрд┐рд╕реА рдХреЛ рд╕рдорд╛рдзрд╛рди рдорд┐рд▓рд╛, рдХреГрдкрдпрд╛ рд╕рд╛рдЭрд╛ рдХрд░реЗрдВред

рдореИрдВ <DndProvider /> рдирд┐рд░реНрдпрд╛рдд рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рдерд╛ред рдПрдХ рдмрд╛рд░ рдЬрдм рдореИрдВрдиреЗ рдРрд╕рд╛ рдХрд┐рдпрд╛, рддреЛ рд╕рдм рдХреБрдЫ рдареАрдХ рд░рд╣рд╛ред

рдЖрдкрдХреЛ рдЕрдкрдиреЗ рдкрд░реАрдХреНрд╖рдг рдлрд╝рд╛рдЗрд▓ рдШрдЯрдХ рдХреЛ рдЗрд╕ рдкреНрд░рдХрд╛рд░ рд▓рдкреЗрдЯрдирд╛ рдЪрд╛рд╣рд┐рдП:

<DndProvider backend={HTML5Backend}> <Component /> </DndProvider>

рдЖрдкрдХреЛ рдЕрдкрдиреЗ рдкрд░реАрдХреНрд╖рдг рдлрд╝рд╛рдЗрд▓ рдШрдЯрдХ рдХреЛ рдЗрд╕ рдкреНрд░рдХрд╛рд░ рд▓рдкреЗрдЯрдирд╛ рдЪрд╛рд╣рд┐рдП:

<DndProvider backend={HTML5Backend}> <Component /> </DndProvider>

рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдЬрд╛рдирдХрд╛рд░реА рдЗрд╕ рдкреГрд╖реНрда http://react-dnd.github.io/react-dnd/docs/overview рдкрд░ рдЙрдкрд▓рдмреНрдз рд╣реЛ

рдЕрдиреНрдпрдерд╛ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЛ рдЗрд╕реЗ рдЦреЛрдЬрдиреЗ рдХреЗ рд▓рд┐рдП рд╢рддрд░рдВрдЬ рдмреЛрд░реНрдб рдХреЗ рдкреВрд░реЗ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рд╕реНрдХреНрд░реЙрд▓ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ред

рдореБрдЭреЗ Expected drag drop context рддреНрд░реБрдЯрд┐ рднреА рдорд┐рд▓ рд░рд╣реА рд╣реИред рдореЗрд░реЗ рд▓рд┐рдП рдпрд╣ рддрднреА рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдЬрдм DndProvider рдЙрд╕ рдШрдЯрдХ рдХрд╛ рддрддреНрдХрд╛рд▓ рдореВрд▓ рдиреЛрдб рд╣реИ рдЬреЛ useDrag рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИред рд╣рд╛рд▓рд╛рдВрдХрд┐ рдпрд╣ рдкреБрд░рд╛рдиреЗ рд╕рдВрд╕реНрдХрд░рдг (9.0.0) рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рд╣рд╛рд▓рд╛рдВрдХрд┐, рд╕рдВрдХреЗрдд

рдЗрд╕реЗ рд╣рдорд╛рд░реЗ рдЖрд╡реЗрджрди рдХреЗ рд╢реАрд░реНрд╖ рдХреЗ рдкрд╛рд╕ рд░рдЦрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП (рдЬрд┐рд╕рдХрд╛ рдЕрд░реНрде рд╣реИ DndProvider )

рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдЧрд▓рдд рд╣реИред

@markusmauch

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

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

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

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

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

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

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

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