Javascript 如何在react native中从其类实例化组件

我试图在render中实例化一个类：

import myFirstComponentfrom './components/myFirstComponentfrom'
import mySecondComponent'./components/mySecondComponent'

  additionalComponents= [
    {component:myFirstComponent},
    {component:mySecondComponent}
  ]
...

render(){
  return (
    <View>
      {additonalComponents[0].component}
      {additonalComponents[1].component}
    </View>
}

不幸的是，它不起作用。。。你知道怎么做吗

---

谢谢，

找到了答案，使用：

render(){
  return (
    <View>
      {React.createElement(this.additionalComponents[0].component, {})}
      {React.createElement(this.additionalComponents[0].component, {})}
    </View>
}

---

React Native不会将任何不以大写开头的对象视为类。myFirstComponent应该是myFirstComponent

另外，导入是错误的，但我假设这是一种类型，否则甚至无法编译

import {MyFirstComponent} from './components/myFirstComponentfrom';
import {MySecondComponent} from './components/mySecondComponent';

  const additionalComponents = [
    {component:myFirstComponent},
    {component:mySecondComponent}
  ]
...

render(){
  return (
    <View>
      {additonalComponents[0].component}
      {additonalComponents[1].component}
    </View>
}

您的组件名称应该是首字母大写，并且您的导入看起来不正确。

---

也许这会有帮助。

请详细说明您的问题。“不工作”是不够的信息，请尝试提供更完整的代码示例，以便人们可以更轻松地进行调试。AdditionalComponents[0]的实例化。组件失败。。。