如何在其他组件内动态传递多个组件反应原生

【问题标题】：How to pass multiple components dynamically inside other component react native如何在其他组件内动态传递多个组件反应原生
【发布时间】：2020-12-24 19:31:36
【问题描述】：

我认为我的问题很简单，但是我正在学习 RN 并且卡住了。我想通过 Header、PhotoCarousel、UserDetails 组件在 KennelScreen 组件中动态地进行，目前我只是以 JS 方式完成的。还有其他方法吗？

谢谢！

【问题讨论】：

标签： reactjs react-native components parameter-passing

【解决方案1】：

取决于您要归档的内容。您可以通过

动态创建它们

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

然后你可以在你的父屏幕中使用它

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

【讨论】：

谢谢！我会试试这个！