如何在react.js中拍摄组件快照并将其呈现为另一个组件中的图像？

Question

问题是我想在一个很小的类似盒子的空间中选择页面(let say dashboard)后添加一个预览页面，但是由于该仪表板组件根本没有响应，所以当我将该组件注入那个小盒子div中，所以我想通过拍摄该组件的快照并将其渲染为该div
中的图像来显示预览，以使其看起来调整图像大小后效果很好。
像这样：

那么我该如何在后台拍摄快照，以便同时显示loader并在那之后将图像插入该box-like space中？