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 native的优缺点是什么?

React域问题怎么解决

React中什么必须大写

如何解决React中文乱码问题

vue和React属于js库吗

React中间件的thunk和saga区别是什么

React中的portal是做什么的

React官网如何下载React.js

React中如何优雅的使用svg

React中如何引入图片

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




打赏

取消

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

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

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

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

评论

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