React-dnd: v9.3.2에서 DragDropContext를 가져올 수 없음

안녕하세요, DragDropContext 는 버전 9 이후 제거되었습니다 https://github.com/react-dnd/react-dnd/pull/1439

안녕하세요, DragDropContext 는 버전 9 #1439 이후 제거되었습니다.

오 thx

이것이 제거된 지금 마이그레이션 경로는 무엇입니까?

여러분, 9.x 버전의 주요 변경 사항에 대한 마이그레이션 가이드가 있습니까?

여러분, 9.x 버전의 주요 변경 사항에 대한 마이그레이션 가이드가 있습니까?

아니요, 작성자에게 문서를 업데이트하도록 상기시킬 수 있습니다.

이것이 내가 한 일이다.

- import { DragDropContext } from "react-dnd";  
- import HTML5Backend from "react-dnd-html5-backend";   
-
- export const withDragDropContext = DragDropContext(HTML5Backend);
+ import * as React from "react";
+ import HTML5Backend from "react-dnd-html5-backend";
+ import { DndProvider } from "react-dnd";
+ 
+ export const withDragDropContext = <TProps extends {}>(Component:  React.ComponentClass<TProps> | React.StatelessComponent<TProps>) =>
+ {
+     return (props: TProps) => (
+         <DndProvider backend={HTML5Backend}>
+             <Component {...props} />
+         </DndProvider>
+     );
+ };

인터넷 검색을 하는 사람들에게는 다음이 도움이 될 수 있습니다.

이것은 작동하지 않습니다

import { createDndContext, DndProvider } from "react-dnd";
import Backend from "react-dnd-html5-backend";
// ...

const DndContext = createDndContext(Backend);

// ...
 const MyComponent = () => (
  <DndProvider backend={Backend} context={DndContext}>
    /* ... */
  </DndProvider>
);

나는 반복한다, 그것은 작동하지 않는다

대신 다음을 수행하십시오.

import { createDndContext, DndProvider } from "react-dnd";
import Backend from "react-dnd-html5-backend";
// ...

const DndContext = createDndContext(Backend);

  // ...
 const myComponent = () => (
  const managerRef = useRef(DndContext);
  <DndProvider backend={Backend} manager={managerRef.current.dragDropManager}>
  /* ... */
  </DndProvider>
)

출처: Dnd 코드

해결 방법