React-Native 获取 Listitem 的 key答案

【问题标题】：React-Native get key of ListitemReact-Native 获取 Listitem 的 key
【发布时间】：2017-10-25 12:30:50
【问题描述】：

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

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

如果有人可以帮助我吗？

【问题讨论】：

标签： reactjs react-native key listitem native-base

【解决方案1】：

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

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

【讨论】：

【解决方案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（for 循环的结尾）而不是列表项的 id（0 或 1）：/

【讨论】：