How can I use this in react for react-editor-js about editorjs-drag-drop

[juanhurtado10]

Hey @rohankeskar19 @PurplePineapple123 you can do it as follows

function App() {
  const handleReady = (editor) => {
    new DragDrop(editor);
  };

  return (
    <>
      <EditorJs data={data} />
    </>
  );
}

Note: If you're already using editorjs-undo, make sure the Undo plugin is initialized first.

const handleReady = (editor) => {
  new Undo({ editor });
  new DragDrop(editor);
};

Best,
Juan

[PurplePineapple123]

Great, thank you!

function App() {
  const handleReady = (editor) => {
    new DragDrop(editor);
  };

  return (
    <>
      <EditorJs data={data}  onReady={handleReady}/>
    </>
  );
}

If I could suggest one small revision it would be to show the function being called in the EditorJs file. It was confusing to me for a little while until I figured that part out. Thanks again!

[PurplePineapple123]

Interested as well