如何使用动态名称填充多个React组件？

Question

我试图在此处使用变量填充多个React组件：

const MyComponent = 'MyComponent'
components.map((item, index) => (<MyComponent {...item} key={`${type}_${index}`} />))

但是它不起作用，通过检查返回的结果，我发现未明确分配组件 type 。同时，如果我不使用变量来定义组件名称，它将很好地工作。 类型甚至都不是功能，而是会分配给组件的真实名称。

Answer 1

已解决， MyComponent 不应该是字符串，而是指向组件实例