React 中嵌套数组数据如何渲染到前端页面
展开全部
render(){
let titleList=[
{name:'首页',link:'index'},
{name:'问题',link:'question'},
{name:'消息',link:'message'},
{name:'个人',link:'personal'},
]
return
<div>
{
titleList.map((item)=>{
return <ul><li><Link to={item.link}>{item.name}</Link></li></ul>
})
}
</div>
}
这是一层数组，如果数组里面还有数组，也可以用map遍历出来。代码的Link，你可以换成a标签
let titleList=[
{name:'首页',link:'index'},
{name:'问题',link:'question'},
{name:'消息',link:'message'},
{name:'个人',link:'personal'},
]
return
<div>
{
titleList.map((item)=>{
return <ul><li><Link to={item.link}>{item.name}</Link></li></ul>
})
}
</div>
}
这是一层数组，如果数组里面还有数组，也可以用map遍历出来。代码的Link，你可以换成a标签
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
