鍍金池/ 問答/HTML/ React下將對象渲染成DOM的問題

React下將對象渲染成DOM的問題

初學(xué)react,最近有一個問題
例如有一個對象

obj={

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

}
組件里的render(){}要怎么寫,才能循環(huán)渲染

    <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>
    ...
回答
編輯回答
逗婦乳
{
    Object.keys(obj).map(key => {
        return (<div key={key}>
            <div>{key}<div>
            <div>
                {
                   obj[key].map(item => {
                       return <div>{item}</div>
                   }) 
                }
            </div>
        </div>)
    })
}
2018年8月7日 18:35