react如何遍历并比较_react遍历列表

遍历列表,遍历对象,以及组件

1.遍历列表(map和forEach的区别)

return后面不能为空格，回车，否则就是报错,如果非要换行，，在return后面加一个小括号,变成了一个表达式(自执行函数)

Document

var arr = ['aaa', 'bbb', 'cccc']

var lesson = ['json', 'pp', 'll']

var curIndex = 0

function showList(arr) {

return (

{

arr.map((item, index) => {

return

style={ {color:index===curIndex?"red":''}}

onClick={() => {

curIndex = index,

render()

}

}

>

{item}

})

}

)

}

function a2(arr){

var tem = []

for(var i=0;i

tem.push(

{arr[i]})

}

return

• {tem}

}

function render() {

ReactDOM.render(

{showList(arr)}

{a2(lesson)}

,

document.getElementById('box')

)

}

render()

forEach和map的区别

**1、map:对每一项数据进行映射，不改变本身的数组，返回布尔值

例如:

var arr=[1,2,3]

var newArr=arr.map((item)=>{

return item*2

})