React-dnd: ड्रैगड्रॉपकॉन्टेक्स्ट को v9.3.2 . में आयात नहीं कर सकता

नमस्ते, 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>
)

स्रोत: डीएनडी कोड

कैसे हल करें