我有这样的状态:
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>
))}
我怎样才能解决这个问题?
解决方法:
您在地图函数中使用的参数不一致.您正在尝试访问i.id,它是整数(索引)的id属性.您不需要我,只需使用像这样的项目:
{this.state.users.map(item => (
<li key={item.id}>{item.name}</li>
))}