react中怎么遍历数组？下面本篇文章给大家介绍一下在react中遍历数组的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
react中怎么遍历数组？
react采用forEach或map两种方式遍历数组
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
forEach
import React,{Component} from 'react';
let list=[
{
name:"百度",
<strong style="color:transparent">来源gaodai#ma#com搞@@代~&码网</strong> address:"http://www.baidu.com"
},
{
name:"google",
address:"http://www.google.cn"
},
{
name:"firefox",
address:"https://home.firefoxchina.cn"
}
];
class forEach extends Component{
render(){
//定义一个数组，将数据存入数组
const elements=[];
list.forEach((item)=>{
elements.push(
<div>
{item.name}
<a>{item.address}</a>
<hr/>
</div>
)
});
return(
<div>
{elements}
</div>
)
}
}
export default forEach;
map
import React,{Component} from 'react';
let list=[
{
name:"百度",
address:"http://www.baidu.com"
},
{
name:"google",
address:"http://www.google.cn"
},
{
name:"firefox",
address:"https://home.firefoxchina.cn"
}
];
class forEach extends Component{
render(){
return(
list.map((item)=>
<div>
{item.name}
<a>{item.address}</a>
<hr/>
</div>
)
)
}
}
export default forEach;
更多react的相关知识，请查阅 搞代码网 ！！
以上就是react中怎么遍历数组？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：react中怎么遍历数组？
转载请注明原文链接：react中怎么遍历数组？
