美文网首页
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