码迷,mamicode.com
首页 > 编程语言 > 详细

react的循环数组方法的使用

时间:2019-01-25 18:49:27      阅读:388      评论:0      收藏:0      [点我收藏+]

标签:code   end   stat   new   方法   component   UNC   list   struct   

react循环数组有2种方法

法一:直接在所需的地方循环(推荐)

<ul>
    {this.state.list2.map(function(value,key){
       return(<li key={key}>{value}</li>)
     })}
</ul>

法二:

import React from ‘react‘; 
class News extends React.Component{
    constructor(props){
        super(props)
        this.state={
            msg:‘新闻‘, 
            list:[‘1111‘,‘2222‘,‘3333‘]
        } 
    } 
    render(){ 
        let listResult=this.state.list.map(function(value,key){
            return (<li key={key}>{value}</li>)
        })        
        return(
            <div> 
                <ul>
                    {listResult}
                </ul> 
            </div>
        )
    }
}
export default News

 

react的循环数组方法的使用

标签:code   end   stat   new   方法   component   UNC   list   struct   

原文地址:https://www.cnblogs.com/zdping/p/10320894.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!