前端项目实战200-react中写入for循环
2024-06-12 09:25:36 阅读次数:4
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沟通。
上一篇:前端项目实战230-ant design 5.0 checkbox块级化
下一篇:react笔记之学习日历样式的设置