์ด๋ฏธ ์ค์ ๋ ๋ฐฑ์๋/DragDropContext์ ๋ํ ํธ๋ค์ด ์์ต๋๊น? #186์ ์ฝ๋๋ฅผ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
let defaultManager;
function getDefaultManager() {
if (!defaultManager) {
defaultManager = new DragDropManager(HTML5Backend);
}
return defaultManager;
}
๊ทธ๋ฌ๋ ๋ค๋ฅธ ์์ฉ ํ๋ก๊ทธ๋จ์ด ๊ด๋ฆฌ์๋ฅผ ์์ฑํ๋์ง ํ์ธํ ์ ์๋ ๋ฐฉ๋ฒ์ด ์์ต๋๊น?
์ค์ฒฉ ๋ฐฑ์๋๋ ํ์ฌ ์ ์๊ฐ๋์ง ์์ต๋๋ค. API ๋ณ๊ฒฝ์ ์ ์ํ์ฌ ๋ ๋ช ์์ ์ผ๋ก ๋ง๋ค๊ณ ์ถ๋ค๋ฉด ๊ธฐ๊บผ์ด ๋ฃ๊ฒ ์ต๋๋ค!
childContext
๊ฐ ๋ค์๊ณผ ๊ฐ์ด ์ ์ธ๋ ์์ getDefaultManager
๋ฅผ ์ฌ์ฉํ๋ DragDropContext
์ ์์ ๋ ๋ฒ์ ์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
const childContext = {
dragDropManager: getDefaultManager(backend)
};
์ด๊ฒ์ ์ค์ฒฉ๋ ๋์ด์ ๋๊ธฐ ์นด๋ ๋ ์ด์์์ผ๋ก ์ ์๊ฒ ์๋ฆ๋ต๊ฒ ์๋ํ์ง๋ง, ์ ๋ ์์ง ์ด ์ ๊ทผ ๋ฐฉ์์ ๋ชจ๋ ์๋ฏธ๋ฅผ ๊ฒํ ํ ์๊ฐ์ ๋ค์ด์ง ์์์ต๋๋ค.
@gaearon
๋ด๊ฐ ์ด๊ฒ์ ํ๋ ค๊ณ ํ ๋๋ง๋ค ๋๋ ๊ณ์
DragDropManager.js:40 Uncaught TypeError: createBackend is not a function
์ด ๋ฌธ์ ์ ์์ธ์ด ๋ฌด์์ธ์ง ์์ญ๋๊น? dnd-core์์ ๊ฐ์ ธ์จ DragDropManager ๋ฐ ์ฌ๋ฐ๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ๊ฐ์ ธ์จ HTML5Backend๋ฅผ ์ฌ์ฉํ์ฌ
@akhayoon @gaearon React DND(๋ฐ React HTML5 Backend)๋ฅผ 2.6์์ 5.0์ผ๋ก ์ ๋ฐ์ดํธํ ํ์๋ ์ด ์ค๋ฅ๊ฐ ๋ฐ์ํฉ๋๋ค.
@bureson ์๋ ํ์ธ์,
@JJie09 ๋ค์ ์ค ํ๋๋ก lib๋ฅผ ๊ฐ์ ธ์ค๋ ๋ฐฉ๋ฒ์ ๋ณ๊ฒฝํด์ผ ํฉ๋๋ค.
import HTML5Backend from "react-dnd-html5-backend"
const HTML5Backend = require('react-dnd-html5-backend').default;
์ด ๋ฌธ์ ๋ ์ต๊ทผ ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์๋์ผ๋ก ์ค๋๋ ๊ฒ์ผ๋ก ํ์๋์์ต๋๋ค. ๋ ์ด์ ํ๋์ด ์์ผ๋ฉด ํ์๋ฉ๋๋ค. ๊ทํ์ ๊ธฐ์ฌ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
@gaearon
๋ด๊ฐ ์ด๊ฒ์ ํ๋ ค๊ณ ํ ๋๋ง๋ค ๋๋ ๊ณ์
DragDropManager.js:40 Uncaught TypeError: createBackend is not a function
์ด ๋ฌธ์ ์ ์์ธ์ด ๋ฌด์์ธ์ง ์์ญ๋๊น? dnd-core์์ ๊ฐ์ ธ์จ DragDropManager ๋ฐ ์ฌ๋ฐ๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ๊ฐ์ ธ์จ HTML5Backend๋ฅผ ์ฌ์ฉํ์ฌ