Question

所以我试图获取在循环中生成的ListItem的键，但是我得到一个未定义的值。

<ListItem id={i} key = {i} button onPress={() => alert(this.key)}>

如果有人可以帮助我吗？

Answer 1

您无法访问key。这是一个special string attribute。而是使用i变量，因为在您的情况下它是key。

<ListItem id={i} key = {i} button onPress={() => alert(i)}>

Answer 2

它不起作用，查看代码：

for(var i = 0; i< data.service.length; i++ )
    {
    listArr.push(
        <ListItem key={i} button onPress={(key) => this.ChangeHome(key) }>
          <Thumbnail square size={80} source={{ uri: data.service[i].logo }} />
          <Body>
          <Text>{data.service[i].id}</Text>
            <Text>{data.service[i].title}</Text>
            <Text note>{data.service[i].info}</Text>
          </Body>
        </ListItem>

    );
}

如你所知，如果我只放i，则警告将显示2（循环结束）而不是列表项的id（0或1）：/

React-Native获取Listitem的密钥

2 个答案: