如何在 React 中动态渲染一个纯组件？
How to render a pure component dynamically in React?
我正在尝试渲染一些纯组件/一个组件，这些组件基本上是轮播中的 RE 图表。到目前为止，我已经使用图像实现了，但是当我传递纯组件/组件时，它没有显示任何内容。
我创建了一个沙盒，其中包含我迄今为止编写的所有代码以及 SCSS、Re 图表组件和主要组件的所有细节。请看一下，让我知道我遗漏了什么，或者有什么其他方法可以在轮播中呈现组件。
我不确定这是否是您要找的。
查看我的sandbox
问题是您还需要在其“容器”中准确定义 svg 的宽度和高度，这意味着 style={{ width: 500, height: 300 }} 需要应用于 li 和 ul 也是。
我还稍微改变了变换幻灯片的宽度。
我正在尝试渲染一些纯组件/一个组件，这些组件基本上是轮播中的 RE 图表。到目前为止，我已经使用图像实现了，但是当我传递纯组件/组件时，它没有显示任何内容。
我创建了一个沙盒，其中包含我迄今为止编写的所有代码以及 SCSS、Re 图表组件和主要组件的所有细节。请看一下，让我知道我遗漏了什么，或者有什么其他方法可以在轮播中呈现组件。
我不确定这是否是您要找的。
查看我的sandbox
问题是您还需要在其“容器”中准确定义 svg 的宽度和高度，这意味着 style={{ width: 500, height: 300 }} 需要应用于 li 和 ul 也是。
我还稍微改变了变换幻灯片的宽度。