使用React钩子在React组件中包装Javascript库

我想使用盖茨比网站内的库（当然，使用React）。在上，它声明我应该导入和初始化EditorJS，如下所示：

import EditorJS from '@editorjs/editorjs';


const editor = new EditorJS();

我想在我在盖茨比网站上设置的

edit.js

页面上设置这个基本配置。或者，换句话说，我需要以某种方式或其他方式将其包装在react组件中

我在某处看到了一个使用基于类的React组件和React生命周期的解决方案，但我对React还不熟悉，还没有使用过基于类的组件（因为我更喜欢使用React钩子）

因此，我想知道如何使用React钩子实现这一点

---

有什么想法吗？

好吧，如果你有一个例子，其中有人使用react类组件并拥有这个文档，你可以尝试自己转换这个例子。它肯定会帮助你理解react。我希望这有助于开始。谢谢，我会看一看-但是如果有人知道如何完成我在这里发布的这个简单示例，我会很感激你的回答。为了进一步解释-我看到的解决方案是更完整地实现EditorJS。我想从最基本的实现开始，看看它是如何实现的。从一个高级的例子中学习是很困难的。你在这方面运气好吗？