从静态 HTML 生成 React/NextJS 动态组件和绑定事件

Question

我有一个 API，它返回 Json 和 HTML 字符串，例如：

{
   content: '<div><button class="some-class-name">Click me</button></div>'
}

• class，但不是 className，但这不是现在的问题。

我知道，我可以渲染该 HTML (NextJS)：

<div dangerouslySetInnerHTML={{ __html: response.content }} />

问题在于按钮，它有一个事件 onClick。

有没有我可以使用的方法或包 - 从静态 HTML 创建组件并绑定事件？

我认为可行的一种可能方法是读取 HTML 字符串，提取像 (div, button) 之类的元素并从头开始创建组件。