我正在开发一个 ePub 应用程序，目前我想在侧边栏上显示一个注释/突出显示部分。
我能够获取Range对象（通过 document.crateRange 方法），然后从中调用 cloneContents ，它返回一个DocumentFragment对象。
我曾尝试创建一个 ref 对象，并能够将 DocumentFragment 对象附加到其中。但是，我想将 DocumentFragment 对象包装在一个复选框元素中。
我曾尝试过类似的东西
<Checkbox>
{documentFragment object}
</Checkbox>
这将引发错误Uncaught Error: Objects are not valid as a React child (found: [object DocumentFragment]). If you meant to render a collection of children, use an array instead.。
我知道我只能从这个 DocumentFragment 对象中获取 textContent ，但是我想保留它附带的样式，并将其包装在一个复选框中。我怎么能在反应中做到这一点？
PS
documentFragment object在日志上看起来像这样：
