react 遍历对象
说明
- 使用 map 进行遍历
- 使用
Object.keys()----可以将一个对象转成一个数组 - 依然需要添加
key - 尽量不要使用
index作为key，当你有多个对象的时候再进行遍历有可能会产生重复index - 过程：object.keys(obj) ===> 数组 ===> 进行map迭代遍历
- 转换过后的样子：
使用
<script type="text/babel">let obj = {a:1,b:2}class App extends React.Component{render(){return (<div>{Object.keys(obj).map(item=>{return <p key={item}>{item} : { obj[item] }</p>})} </div>)}}ReactDOM.render(<App/>,document.getElementById("app"))
{ obj[item] }：显示对象中键对应的值
结果展示：
问题
- 如果不加
key
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！