TypeErrorが発生します:DragDropContextをコンポーネントに追加しようとすると、React.createContextは関数ではありません。 私はReactv15.6.1を使用していますが、React v16でコンテキストが導入されて以来、react-dndを使用するためにReactv16を使用する必要があるかどうか疑問に思っています。
これが、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/>
はドロップ可能コンポーネントです。
これは、react-dndからDragDropContextをインポートした場合に発生します。
reactバージョンを16に更新するか、react-dndバージョンを3.0.2に変更します。
dndの最新の変更については、次のリンクを参照してください: https :
@ Mangaraju-Velpulaに感謝します。 変更ログを確認するのを忘れました。 今では明らかです。 バージョン3.0.2の個別のドキュメントはありますか、または現在のドキュメントはバージョン3.0.2で問題ありませんか?
現在のドキュメントで十分です。
最も参考になるコメント
reactバージョンを16に更新するか、react-dndバージョンを3.0.2に変更します。
dndの最新の変更については、次のリンクを参照してください: https :