前端项目实战200-react中写入for循环

 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>
    )

posted @ 2022-11-28 19:17  前端导师歌谣  阅读(193)  评论(0)    收藏  举报