React-dnd: рд▓реЗрдЦрди рддреНрд░реБрдЯрд┐: React.createContext рдПрдХ рдХрд╛рд░реНрдп рдирд╣реАрдВ рд╣реИ

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

рдореБрдЭреЗ рдПрдХ рд▓реЗрдЦрди рддреНрд░реБрдЯрд┐ рдорд┐рд▓ рд░рд╣реА рд╣реИ: рдШрдЯрдХ рдореЗрдВ рдбреНрд░реИрдЧрдбреНрд░реЙрдкрдХреЙрдиреНрдЯреЗрдХреНрд╕реНрдЯ рдЬреЛрдбрд╝рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддреЗ рд╕рдордп React.createContext рдПрдХ рдлрд╝рдВрдХреНрд╢рди рдирд╣реАрдВ рд╣реИред рдореИрдВ рд░рд┐рдПрдХреНрдЯ v15.6.1 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдореИрдВ рд╕реЛрдЪ рд░рд╣рд╛ рд╣реВрдВ рдХрд┐ рдХреНрдпрд╛ рд░рд┐рдПрдХреНрдЯ v16 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд░рд┐рдПрдХреНрдЯ-рдбреАрдПрдирдбреА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЖрд╡рд╢реНрдпрдХ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рд░рд┐рдПрдХреНрдЯ v16 рдореЗрдВ рд╕рдВрджрд░реНрдн рдкреЗрд╢ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред

рдпрд╣рд╛рдВ рдореЗрд░рд╛ рдШрдЯрдХ рд╣реИ рдЬрд╣рд╛рдВ рдореИрдВ рдбреНрд░реИрдЧрдбреНрд░реЙрдкрдХреЙрдиреНрдЯреЗрдХреНрд╕реНрдЯ рдЬреЛрдбрд╝рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред

import React, {Component} from 'react';
import FormSpace from './FormSpace';
import TextItem from './TextItem';
import HTML5Backend from 'react-dnd-html5-backend';
import { DragDropContext } from 'react-dnd';


class AdvancedFormRnd extends Component {
    render() {
        return (
            <div className="container">
                <div className="row">
                    <div className="col-sm-8">
                        <FormSpace/>
                    </div>
                    <div className="col-sm-4">
                        <TextItem/>
                    </div>
                </div>
            </div>
        )

    }
}
export default DragDropContext(HTML5Backend)(AdvancedFormRnd);

<TextItem/> рд╡рд╣ рдШрдЯрдХ рд╣реИ рдЬрд┐рд╕реЗ рдореИрдВ рдбреНрд░реИрдЧ рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдФрд░ <FormSpace/> рдбреНрд░реЙрдк рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдШрдЯрдХ рд╣реИред

рдРрд╕рд╛ рддрдм рд╣реЛрддрд╛ рд╣реИ рдЬрдм рдореИрдВ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рдбреАрдПрдирдбреА рд╕реЗ рдбреНрд░реИрдЧрдбреНрд░реЙрдкрдХреЙрдиреНрдЯреЗрдХреНрд╕реНрдЯ рдЖрдпрд╛рдд рдХрд░рддрд╛ рд╣реВрдВред

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

рд░рд┐рдПрдХреНрдЯ рд╡рд░реНрдЬрди рдХреЛ 16 рдореЗрдВ рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВ рдпрд╛ рд░рд┐рдПрдХреНрдЯ-рдбреАрдПрдирдбреА рд╡рд░реНрдЬрди рдХреЛ 3.0.2 рдореЗрдВ рдмрджрд▓реЗрдВред

рдбреАрдПрдирдбреА рдХреЗ рдирд╡реАрдирддрдо рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЗ рд▓рд┐рдП рдЗрд╕ рд▓рд┐рдВрдХ рдХреЛ рджреЗрдЦреЗрдВ: https://github.com/react-dnd/react-dnd/releases/tag/v4.0.0

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

рд░рд┐рдПрдХреНрдЯ рд╡рд░реНрдЬрди рдХреЛ 16 рдореЗрдВ рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВ рдпрд╛ рд░рд┐рдПрдХреНрдЯ-рдбреАрдПрдирдбреА рд╡рд░реНрдЬрди рдХреЛ 3.0.2 рдореЗрдВ рдмрджрд▓реЗрдВред

рдбреАрдПрдирдбреА рдХреЗ рдирд╡реАрдирддрдо рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЗ рд▓рд┐рдП рдЗрд╕ рд▓рд┐рдВрдХ рдХреЛ рджреЗрдЦреЗрдВ: https://github.com/react-dnd/react-dnd/releases/tag/v4.0.0

рдзрдиреНрдпрд╡рд╛рдж @ рдордВрдЧрд░рд╛рдЬреВ-рд╡реЗрд▓рдкреБрд▓рд╛ред рдореИрдВ рдЪреИрдВрдЬ рдЪреЗрдХ рдХрд░рдирд╛ рднреВрд▓ рдЧрдпрд╛ред рдЕрдм рдпрд╣ рд╕реНрдкрд╖реНрдЯ рд╣реИред рдХреНрдпрд╛ рд╕рдВрд╕реНрдХрд░рдг 3.0.2 рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдЕрд▓рдЧ рджрд╕реНрддрд╛рд╡реЗрдЬ рд╣реИ рдпрд╛ рд╕рдВрд╕реНрдХрд░рдг 3.0.2 рдХреЗ рд╕рд╛рде рд╡рд░реНрддрдорд╛рди рджрд╕реНрддрд╛рд╡реЗрдЬ рдареАрдХ рд╣реИ?

рд╡рд░реНрддрдорд╛рди рджрд╕реНрддрд╛рд╡реЗрдЬ рдкрд░реНрдпрд╛рдкреНрдд рд╣реИред

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

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

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

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

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

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

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