
React 中数组嵌套怎么渲染数据
2017-06-27
展开全部
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标签
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2017-06-25
展开全部
React是基于组件和状态机的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询