React Native 中一个组件的多个实例

Posted 2023-02-23

技术标签:

【中文标题】React Native 中一个组件的多个实例【英文标题】：Multiple instances of one component in React Native 【发布时间】：2018-12-02 07:00:02 【问题描述】：

我是 React Native 的新手，正在开发一个简单的应用程序，该应用程序加载的数据结构类似于文件夹层次结构，所以在顶层，当单击一个项目时，我想切换到下一个级别等等。每个级别有相同的数据，我想我需要使用相同的组件，我想使用react导航在级别之间切换，但是我不能这样做，因为使用的是相同的组件。

当然你可以说只是用不同的数据改变组件的状态，但是我需要导航动画效果和点击顶部的后退导航组件时导航到上一级。

请帮忙，谢谢]1

【问题讨论】：

【参考方案1】：

由于我使用的是 StackNavigation，因此使用“推送”就是答案， this.props.navigation.push('ScreenName');

查看此链接：https://reactnavigation.org/docs/en/navigating.html

【讨论】：

以上是关于React Native 中一个组件的多个实例的主要内容，如果未能解决你的问题，请参考以下文章