Reactjs 如何在其他组件内部动态传递多个组件

我认为我的问题很简单，但我正在学习RN，我被卡住了。我想通过考试 Header、PhotoCarousel、UserDetails组件在KennelScreen组件中动态显示，因为现在我只是用JS的方式来实现。还有别的办法吗

---

谢谢

取决于要归档的内容。您可以通过以下方式动态创建它们：

const KennelScreen = () => {
  return (
    <SafeAreaView>
      <ScrollView>
        {React.Children.map(this.props.children, (child) =>
          React.cloneElement(child)
        )}
      </ScrollView>
    </SafeAreaView>
  );
};

const KennelScreen=（）=>{
返回(
{React.Children.map（this.props.Children，（child）=>
反应。克隆元素（儿童）
)}
);
};

然后，您可以在父屏幕中使用它

<KennelScreen>
 <Header />
....
</KennelScreen>

....

谢谢！我要试试这个！