在 React 中将 nivo 图表/图表导出为图像

如何解决在 React 中将 nivo 图表/图表导出为图像

我正在使用 nivo 图表库。我想将一些在内部使用 ResponsiveBar 的 react 组件导出为 PNG/JPEG 图像。问题是这个功能不是内置在库中的。我有这样的组件结构：

<MyComponent>
  <ResponsiveBar />
</MyComponent>

我需要一个函数，它将这种 React 组件作为参数并返回一个图像。 像这样：

exortChartToPng(chartComponent);