react for循环

最新推荐文章于 2022-05-28 18:47:45 发布

前端大脸

最新推荐文章于 2022-05-28 18:47:45 发布

阅读量4.2k

点赞数 1

分类专栏： react 文章标签： react for循环

本文链接：https://blog.csdn.net/qq_41148886/article/details/103177412

版权

react 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

react 中 map用来循环数组
目前项目中遇到需求：根据次数循环出按钮个数。
简单记录一下解决方案：

    getBtnCount(){
        var btnCount = this.state.orderGoodsList[0].remainCount;
        var btnList = [];
        for(var i=1; i<=btnCount; i++){
            btnList.push(i);
        }
        return btnList
    }

将次数循环push到数组中，然后在代码中map数组

this.getBtnCount().map(item=>{
             return <Button
                 key={item}
                 variant="contained"
                 color="primary"
                 className={classes.button}
                 style={{margin:"10px auto",width:"80%",display:"block"}}
                 onClick={this.handleSubmit.bind(this,item)}
             >
             核销{item}次
         </Button>
         }）

因为是初次使用react，有许多不懂的地方，请教大佬们，是否有其他方法？谢谢~