Javascript 提取Nivo'；s ReactJS中的子svg节点

我试图通过使用

react dom/server

将Nivo生成的

svg

转换为

Base64

缓冲区，将一个图形包含到的

Image

组件中

这个

svg

由两个

div

父级包装。在阅读React的文档之后，我成功地提取了一个组件的子级，如下所示

const RenderSecondChildren=props=>
React.Children.map（props.Children，child1=>
React.Children.map（child1.props.Children，child2=>
React.Children.map（child2.props.Children，child3=>
cloneElement（child3，{style:{height，width}}）
)
)
)

我不确定这样做是否正确，但它可以工作，检查以下浏览器中的元素

只有我应该存在

显示预期行为，仅呈现

仅应存在

，而不是

div

s。但是当我对一个Nivo组件做同样的操作时，它就不起作用了

child1.道具似乎是一个空对象。我仍然是这个词的新手，所以我不知道我错过了什么