react中使用switch-case语句

最新推荐文章于 2024-05-14 09:41:04 发布

vuvivian

最新推荐文章于 2024-05-14 09:41:04 发布

阅读量1.8w

点赞数 1

分类专栏： React

本文链接：https://blog.csdn.net/vuvivian/article/details/78747109

版权

React 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

在周期中使用switch-case

switch(this.state.color){
     case "1":return <img src={gift1}/>; break;
     case "2":return <img src={gift2}/>; break;
     case "3":return <img src={gift3}/>; break;
     default:return null;
}

在render中使用switch-case

<div>
    {( ()=>{
         switch(this.state.color){
             case "1":return <img src={gift1}/>; break;
             case "2":return <img src={gift2}/>; break;
             case "3":return <img src={gift3}/>; break;
             default:return null;
          }
        }
    )()}
</div>