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

andy00614
  • 101

初学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>
    ...
回复
阅读 1.6k
1 个回答
frontoldman
  • 4.5k
✓ 已被采纳
{
    Object.keys(obj).map(key => {
        return (<div key={key}>
            <div>{key}<div>
            <div>
                {
                   obj[key].map(item => {
                       return <div>{item}</div>
                   }) 
                }
            </div>
        </div>)
    })
}
宣传栏