如何在 React 中动态渲染纯组件？

我正在尝试在轮播中渲染一些纯组件/一个基本上是 RE 图表的组件。到目前为止，我已经使用图像实现了，但是当我传递纯组件/组件时，它没有显示任何内容。

我创建了一个沙箱，其中包含我迄今为止编写的所有代码以及 SCSS、Re 图表组件和主要组件的所有细节。请看一看，让我知道我遗漏了什么，或者有没有其他方法可以在轮播中渲染组件。

我不确定这是否是您要找的。p>

检查我的sandbox

问题是您还需要在其“容器”中准确定义 svg 的宽度和高度，这意味着 style={{ width: 500,height: 300 }} 也需要应用于 li 和 ul .

我也稍微改变了变换幻灯片的宽度。