React native 如何为react native中的两个不同组件提供两个不同的抽屉项目？

我有一个场景，其中有一个由所有书籍组成的匿名抽屉和一个由我的书籍和所有书籍组成的登录用户抽屉。我有一个抽屉路径导航文件，其中包括抽屉导航。如何在两种场景中重复使用相同的导航？我还必须传递用户Id。

有一个通用函数，您可以向该函数传递抽屉项目的数据，如下所示：

drawerItem(drawerICon, drawerText, drawerItemNavigation){
     return (
            <View>Your drawer code here</View>
     )
}

render(){
     return(  
          <View>
            ......
            {
            this.props.user.logged_in
            &&
           this.drawerItem(iconsrc, "Home", "profile")
           }
           ....
      )

drawerItem（抽屉图标、抽屉文本、抽屉导航）{
返回(
这里是你的抽屉代码
)
}

使用登录检查从主渲染函数调用函数，如下所示：

drawerItem(drawerICon, drawerText, drawerItemNavigation){
     return (
            <View>Your drawer code here</View>
     )
}

render(){
     return(  
          <View>
            ......
            {
            this.props.user.logged_in
            &&
           this.drawerItem(iconsrc, "Home", "profile")
           }
           ....
      )

render（）{
报税表（
......
{
this.props.user.logged_
&&
此.drawerItem（ICOSRC，“主页”、“配置文件”）
}
....
)

如果您想了解有关条件渲染的更多信息，请访问