Π― ΠΏΠΎΠ»ΡΡΠ°Ρ 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
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ @ Mangaraju-Velpula. Π― Π·Π°Π±ΡΠ» ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ ΠΆΡΡΠ½Π°Π» ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ. Π’Π΅ΠΏΠ΅ΡΡ ΡΡΠ½ΠΎ. ΠΡΡΡ Π»ΠΈ ΠΎΡΠ΄Π΅Π»ΡΠ½Π°Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Π΄Π»Ρ Π²Π΅ΡΡΠΈΠΈ 3.0.2 ΠΈΠ»ΠΈ ΡΠ΅ΠΊΡΡΠ°Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ Π²Π΅ΡΡΠΈΠΈ 3.0.2?
ΠΠΊΡΡΠ°Π»ΡΠ½ΠΎΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΠ±Π½ΠΎΠ²ΠΈΡΠ΅ Π²Π΅ΡΡΠΈΡ response Π΄ΠΎ 16 ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ Π²Π΅ΡΡΠΈΡ response-dnd Π½Π° 3.0.2.
ΠΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ ΠΏΠΎ ΡΡΠΎΠΉ ΡΡΡΠ»ΠΊΠ΅, ΡΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ ΠΎ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡΡ dnd: https://github.com/react-dnd/react-dnd/releases/tag/v4.0.0