Javascript 如何像react-dev工具中显示的那样获取react组件树？

我想获得渲染的React组件的树，因为我有一个场景，在这个场景中，我必须将React组件转换为对象，以便按原样存储它

请参见下面的React树结构示例

React树结构与React Dev工具中的相同 你可以看看

提供React渲染器，可用于将React组件渲染为纯JavaScript对象，而不依赖于DOM或本机移动环境

然后创建树的JSON表示

const instance = TestRenderer.create(<MyComponent />);
instance.toJSON();

const instance=TestRenderer.create（）；
toJSON（）；

这也提供了HTML dom，而不是React dom。您好，您找到方法了吗？