react怎么循环map


当前第2页 返回上一页

react中的map遍历

1

2

3

4

5

6

7

8

9

10

11

12

<ul id="ul_rwardList">

    {

        this.state.reward.map(function (item) {

            return (

                <li className="db vh" key={item.id}>

                    <div className="fx1">{item.num}</div>

                    <div className="fx1">{item.username}</div>

                    <div className="fx1 text-right">{item.rward_time}</div>

                </li>

            )})

    }

</ul>

tips:使用map遍历时,需要给子元素添加一个key,作为唯一的标识,而且key值必须要连续

以上就是react怎么循环map的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

React如何引入css

安装React脚手架会报错怎么办

React用什么编辑器

React如何区分class和function定义的组件

React中的refs是什么

React怎么显示隐藏

React中const是什么

React有哪些ui框架?

React native有什么用?

React中怎么安装sass

更多相关阅读请进入《React》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...