React-dnd: TypeError: React.createContext no es una función

Creado en 3 jul. 2018  ·  3Comentarios  ·  Fuente: react-dnd/react-dnd

Recibo un TypeError: React.createContext no es una función cuando intento agregar DragDropContext al componente. Estoy usando React v15.6.1 y me pregunto si es necesario usar React v16 para usar react-dnd ya que el contexto se introdujo en React v16.

Aquí está mi componente donde estoy tratando de agregar 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/> es el componente que quiero que se pueda arrastrar y <FormSpace/> es un componente que se puede soltar.

Esto sucede si solo importo DragDropContext desde react-dnd.

Comentario más útil

Actualice la versión de react a 16 o cambie la versión de react-dnd a 3.0.2.

Consulte este enlace para conocer los últimos cambios de dnd: https://github.com/react-dnd/react-dnd/releases/tag/v4.0.0

Todos 3 comentarios

Actualice la versión de react a 16 o cambie la versión de react-dnd a 3.0.2.

Consulte este enlace para conocer los últimos cambios de dnd: https://github.com/react-dnd/react-dnd/releases/tag/v4.0.0

Gracias @ Mangaraju-Velpula. Olvidé revisar el registro de cambios. Ahora está claro. ¿Existe alguna documentación separada para la versión 3.0.2 o la documentación actual está de acuerdo con la versión 3.0.2?

La documentación actual es suficiente.

¿Fue útil esta página
0 / 5 - 0 calificaciones