第一种 有条件的遍历
state
 task:{
	"task_list":[{"task_name":"签到","worth":"5","task_path":"./path1/"},
	{"task_name":"学历认证","worth":"8","task_path":"./path2/"},
	{"task_name":"实名认证","worth":"10","task_path":"./path3/"}
	]},
"echoNum":2,

echoTask=()=> {
        var num =this.state.echoNum;
        console.log("B:"+num);
        return(
            this.state.task.task_list.map(function(value,key){
                if(key < num){
                    return(<li>
                        <div className={styles.task_ico1}></div>
                        <div className={styles.task_txt}>
                            <p>{value.task_name}</p>
                            <p className={styles.task_txt_color}>+{value.worth}狗粮</p>
                        </div>
                        <a href="#" className={styles.task_a}>去完成</a>
                    </li>)
                }
            })
        )
    }
    
render里执行方法{this.echoTask()} 必须要有()

第二种
 render(){
        let listResult=this.state.list.map(function(value,key){
                return <li key={key}>{value}</li>
        })
        
   return(
        <ul>
            {listResult}
        </ul>
}

//第三种 直接遍历
<ul>
    { this.state.list3.map(function(value,key){
        return (<li key={key}>{value.title}</li>);
        })
    }
</ul>
)

//第四种 循环里可以执行this方法的
{this.state.dom.map((item, index)=>(
    <img className={styles.banner_pic} src={item.img} onClick={this.onAdvertClicked.bind(this,item)} />
))}