美文网首页
Reac.js中如何遍历对象的属性字段

Reac.js中如何遍历对象的属性字段

作者: 南湘嘉荣 | 来源:发表于2021-06-21 20:08 被阅读0次

    有时候我们需要对对象的属性字段,进行遍历生成组件

    //创建一个对象
    let obj={
          name:"小东",age:"18",sex:"男"
    }
    let myDom = 
    <div>
    { 
    Object.keys(obj).map((v,i)=>{
            //加上kye={i},控制台就不会报错
            return <p key={i}>遍历的属性是:{v}----------遍历的值:{obj[v]}</p>
         })
    }
    </div>
    
    ReactDOM.render(myDom,document.getElementById("demoReactId"))
    
    

    相关文章

      网友评论

          本文标题:Reac.js中如何遍历对象的属性字段

          本文链接:https://www.haomeiwen.com/subject/aacuyltx.html