Reactjs 如何在react中操作DocumentFragment？

我正在开发一个ePub应用程序，目前我想在侧边栏上显示一个备注/突出显示部分

我能够获取对象（通过document.canterange方法），然后调用cloneContents，从中返回一个对象

我试图创建一个ref对象，并能够将DocumentFragment对象附加到其中。但是，我想将DocumentFragment对象包装在一个checkbox元素中

我试过这样的东西

{documentFragment对象}

这将引发错误

Uncaught错误：对象作为React子对象无效（找到：[object DocumentFragment]）。如果要呈现子对象集合，请改用数组。

我知道我只能从这个DocumentFragment对象中获取文本内容，但是我想保留它附带的样式，并将其包装在一个复选框中。我如何在react中实现这一点

附言。

documentFragment对象

在日志中看起来像这样：

---

您可以在问题中添加DocumentFragment对象的外观吗？它看起来像jsx.element，但react不知道您可以在问题中添加DocumentFragment对象的外观吗？它看起来像jsx.element，但react不知道