React-dnd: TypeError: React.createContext๋Š” ํ•จ์ˆ˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2018๋…„ 07์›” 03์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: react-dnd/react-dnd

TypeError: React.createContext๋Š” ๊ตฌ์„ฑ ์š”์†Œ์— DragDropContext๋ฅผ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ  ํ•  ๋•Œ ํ•จ์ˆ˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. ์ €๋Š” React v15.6.1์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋ฉฐ React v16์—์„œ Context๊ฐ€ ๋„์ž…๋œ ์ดํ›„ react-dnd๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด 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/> ๋Š” Draggable๋กœ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ์ปดํฌ๋„ŒํŠธ์ด๊ณ  <FormSpace/> ๋Š” Droppable ์ปดํฌ๋„ŒํŠธ์ž…๋‹ˆ๋‹ค.

react-dnd์—์„œ DragDropContext๋ฅผ ๊ฐ€์ ธ์˜ค๊ธฐ๋งŒ ํ•˜๋ฉด ์ด๋Ÿฐ ์ผ์ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋ฐ˜์‘ ๋ฒ„์ „์„ 16์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜๊ฑฐ๋‚˜ react-dnd ๋ฒ„์ „์„ 3.0.2๋กœ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค.

dnd์˜ ์ตœ์‹  ๋ณ€๊ฒฝ ์‚ฌํ•ญ์€ ๋‹ค์Œ ๋งํฌ๋ฅผ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค: https://github.com/react-dnd/react-dnd/releases/tag/v4.0.0

๋ชจ๋“  3 ๋Œ“๊ธ€

๋ฐ˜์‘ ๋ฒ„์ „์„ 16์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜๊ฑฐ๋‚˜ react-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 ๋“ฑ๊ธ‰