前端项目实战200-react中写入for循环
2024-06-12 09:25:36 阅读次数:19
react,前端
return(
<div>
<ul>
{(()=>{
let color;
let temp = [];
for(let i = 0; i < 10; i++){
(i % 2) === 0? color = 'red': color='black';
temp.push(<li key={i} style={{backgroundColor: color}}>{i}</li>)
}
return temp;
})()
swtich(pageControl){
case 'a':
return <li>
fff
</li>
break;
case 'b':
return <div>ddd</div>
break;
case 'd':
return <Di/>
default:
return null;
}
}
</ul>
</div>
)
版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.51cto.com/u_15460007/6051603,作者:前端导师歌谣,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇:彻底删除jdk - java -version和环境变量设置无效的可能情况
下一篇:前端工作总结118-vue.runtime.esm.js?2b0e:619 [Vue warn]: <transition-group> children must be keyed: <ElTag>