javascript - 如何显示和映射状态或 const 数据数组对象的第一个 id？

Question

我有这样的状态:

 this.state={
        users:[
            {id:'1' , name:'jack' , familyname:'carry'},
            {id:'2' , name:'ben' , familyname:'rosvelt'},
            {id:'3' , name:'rans' , familyname:'mitoshy'},
        ]
    }

但是我想显示1的id，或者比如2个对象的id实际上是一个数组来显示，而不是显示所有数组。

我写的映射函数是这样的:

{this.state.users.map((item, i) => (
<li key={i.id}>{item.name}</li>
))}

我该如何解决这个问题？

Answer 1

您在 map 函数中使用了不一致的参数。您正在尝试访问 i.id，这是一个整数(索引)的 id 属性。您不需要 i，只需像这样使用 item:

{this.state.users.map(item => (
    <li key={item.id}>{item.name}</li>
))}