React-dnd: TypeError: React.createContext Π½Π΅ являСтся Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠ΅ΠΉ

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 3 июл. 2018  Β·  3ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: react-dnd/react-dnd

Π― ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽ TypeError: React.createContext Π½Π΅ являСтся Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠ΅ΠΉ ΠΏΡ€ΠΈ ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ DragDropContext Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚. Π― ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ React v15.6.1, ΠΈ ΠΌΠ½Π΅ интСрСсно, трСбуСтся Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ React v16 для использования response-dnd, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Context, прСдставлСнный Π² React v16.

Π’ΠΎΡ‚ ΠΌΠΎΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я ΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ DragDropContext.

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/> - это ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ пСрСтаскивания.

Π­Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚, Ссли я просто ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΡŽ DragDropContext ΠΈΠ· response-dnd.

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

ΠžΠ±Π½ΠΎΠ²ΠΈΡ‚Π΅ Π²Π΅Ρ€ΡΠΈΡŽ response Π΄ΠΎ 16 ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Π²Π΅Ρ€ΡΠΈΡŽ response-dnd Π½Π° 3.0.2.

ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠΎ этой ссылкС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎ послСдних измСнСниях dnd: https://github.com/react-dnd/react-dnd/releases/tag/v4.0.0

ВсС 3 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

ΠžΠ±Π½ΠΎΠ²ΠΈΡ‚Π΅ Π²Π΅Ρ€ΡΠΈΡŽ response Π΄ΠΎ 16 ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Π²Π΅Ρ€ΡΠΈΡŽ response-dnd Π½Π° 3.0.2.

ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠΎ этой ссылкС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎ послСдних измСнСниях dnd: https://github.com/react-dnd/react-dnd/releases/tag/v4.0.0

Бпасибо @ Mangaraju-Velpula. Π― Π·Π°Π±Ρ‹Π» ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΆΡƒΡ€Π½Π°Π» ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ясно. Π•ΡΡ‚ΡŒ Π»ΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Π°Ρ докумСнтация для вСрсии 3.0.2 ΠΈΠ»ΠΈ тСкущая докумСнтация ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для вСрсии 3.0.2?

ΠΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ достаточно.

Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ