android - 我想在 react native 中根据路由名称渲染特定组件
问题描述
它完成了工作,但是当有超过 10 个组件时,调试代码变得很困难。一个有效的方法将被应用。
name={route.name}
component={
route.name == 'Cart'
? Cart
: route.name == 'Checkout'
? Checkout
: Home
}
options={{
title: route.name, //Set Header Title
}}
/>```
解决方案
如果要检查的条件超过 5 个,那么使用条件运算符?:
可能会很棘手。
所以我更喜欢用switch
例来检查route
名称并将相应的组件分配给variable
并在要显示组件的地方使用该变量。
let route = route.name;
let dyanamic_compoent;
switch(route){
case "route_name":
dyanamic_compoent = your_compoent_name;
break;
case "route_name":
dyanamic_compoent = your_compoent_name;
break;
default:
dyanamic_compoent = default_your_compoent_name;
}
根据您的需要将此代码放置在您的组件中。并dyanamic_component
在您的代码中进一步使用。
如果这不是您想要的,请告诉我并添加更多代码,以便我们找出解决方案。
推荐阅读
- ios - 如何在每个 azure devops 构建管道上根据我的包标识符 id 设置不同的配置文件?
- python - 如何扩展输出显示以查看更多列 - 对于所有未来的运行?
- php - 访问对象属性 php
- python - 如果达到特定条件,如何从数据框中选择字段?
- sql - 避免使用无效格式化时间 SQL 的用户
- laravel - Laravel 自定义守卫排除路线
- apple-music - Apple Music 用户令牌是否会因每次身份验证而改变?
- java - 如何避免在 Oracle 中使用多线程进行双重插入
- spring-boot - 即使从不存在的配置文件开始,Spring Boot 也会启动
- javascript - js 将函数设置为变量或匿名函数返回函数