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标签
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询