Question

这是我的自定义组件代码。

const Item = (props) => {

  if (props.isFake) {
    return null
  }

  return (

    <TouchableOpacity onPress={props.onPress} style={styles.listItemParent}>
        {/*<Text style={styles.listItemText}> {props.index} </Text>*/}
        <Text style={styles.listItemText}> {props.title} </Text>
        <Text style={styles.listItemURL}> {props.url} </Text>
        {/*<Text>{props.lead}</Text>*/}
    </TouchableOpacity>

  )
};

然后我像这样渲染它...

<ScrollView>
 {this.state.items.map(item => <Item onPress={ (index)=> this.onclick(index)} {...item} />) }
</ScrollView>

我如何获取'item'的索引？

Answer 1

.map返回值和索引：）

<ScrollView>
 {this.state.items.map((item,i) => <Item onPress={ ()=> this.onclick(i)} {...item} />) }
</ScrollView>

如何获取Scrollview项目React-native的索引？

1 个答案: