React下将对象渲染成DOM的问题

初学react,最近有一个问题
例如有一个对象

obj={

a:[1,2],
b:[3,4],
c:[5]

}
组件里的render(){}要怎么写,才能循环渲染

    <div>
        <div>a<div>
        <div>
            <div>1</div>
            <div>2</div>
        </div>
    </div>
    
     <div>
        <div>b<div>
        <div>
            <div>3</div>
            <div>4</div>
        </div>
    </div>
    
    <div>
        <div>c<div>
        <div>
            <div>5</div>
        </div>
    </div>
    ...
阅读 2.5k
1 个回答
{
    Object.keys(obj).map(key => {
        return (<div key={key}>
            <div>{key}<div>
            <div>
                {
                   obj[key].map(item => {
                       return <div>{item}</div>
                   }) 
                }
            </div>
        </div>)
    })
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题