Estou recebendo um TypeError: React.createContext não é uma função ao tentar adicionar DragDropContext ao componente. Estou usando o React v15.6.1 e me perguntando se é necessário usar o React v16 para usar o react-dnd desde o contexto introduzido no React v16.
Aqui está meu componente onde estou tentando adicionar 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/>
é o componente que desejo tornar arrastável e <FormSpace/>
é o componente soltável.
Isso acontece se eu apenas importar DragDropContext do react-dnd.
Atualize a versão react para 16 ou altere a versão react-dnd para 3.0.2.
Consulte este link para obter as alterações mais recentes do dnd: https://github.com/react-dnd/react-dnd/releases/tag/v4.0.0
Obrigado @ Mangaraju-Velpula. Esqueci de verificar o changelog. Agora está claro. Existe alguma documentação separada para a versão 3.0.2 ou a documentação atual está ok com a versão 3.0.2?
A documentação atual é suficiente.
Comentários muito úteis
Atualize a versão react para 16 ou altere a versão react-dnd para 3.0.2.
Consulte este link para obter as alterações mais recentes do dnd: https://github.com/react-dnd/react-dnd/releases/tag/v4.0.0