[react-beautiful-dnd] Invariant failed: Draggable[id: item-1]: Unable to find drag handle
[react]/react-beautiful-dnd 2021. 3. 31. 11:29# 에러 상황
- Next.js에서 react-beautiful-dnd을 적용할 때, 드래그가 제대로 동작하지 않은 경우.
# 문제점
- 문제가 되는 이유는 컴포넌트가 로드 되기 전, DOM, Window가 먼저 로드되지 않는 상황이라고 판단됨.
# 해결 방안
- useEffect를 통해서 Window, DOM이 렌더링 된 시점에서 드래그 요소 렌더링.
# 결과화면
'[react] > react-beautiful-dnd' 카테고리의 다른 글
| [react-beautiful-dnd] react, next.js 드래그 만들기 3 (0) | 2021.03.31 |
|---|---|
| [react-beautiful-dnd] react, next.js 드래그 만들기 2 (0) | 2021.03.31 |
| [react-beautiful-dnd] react, next.js 드래그 만들기 1 (0) | 2021.03.31 |
미나미나미