react(二)箭头函数,函数遍历，生命周期

遍历数组
使用map函数
map函数是对数组的每一项进行操作，返回一个新数组，下面例子item为数组中的每一个元素，i为索引值,函数体需要返回值

data_list.map((item,i)=>{console.log(item.变量)
return item*item
})

js 箭头函数,箭头函数也是匿名函数的一种

第一种 一个参数  箭头左边为参数，箭头右侧为函数表达式
x=>{return x*x}
相当于
function(x){return x*x}
第二种 多个参数
(x,y)=>{return x*x+y*y}
第三种 没有参数
()=>{return 1+1}
在函数中经常使用没有参数的匿名函数，目的是为了使用this,普通函数（不是生命周期函数）this是undefine
比如
testfunction = ()=>{函数体}

react 生命周期图

变量设置
参数props 状态state,如果使用next需要在生命周期函数中传递参数，只有运行阶段的生命函数才有next参数，updaterender后面的生命周期函数参数是pre
设置状态
在生命周期函数中使用

this.setState({
变量名:this.state.变量名  or nextState.变量名
})

获取参数
在生命周期函数中使用

this.props.变量名  or nextProps.变量名