gpt4 book ai didi

reactjs - React Native 获取 Flatlist 索引

转载 作者:行者123 更新时间:2023-12-02 19:41:02 25 4
gpt4 key购买 nike

我在平面列表中使用平面列表,我想获取我使用的第一个平面列表的索引
代码如下:

<FlatList
data ={this.state.data}
renderItem = {(item, index1)=>
<View>
<FlatList
data = {this.state.data2}
renderItem = {(item, index2) =>
console.log("parent_index",index1);
console.log("child_index",index2);
}
/>
</View>
}

如何获取index1?
我在上面的代码中所做的是未定义的。

最佳答案

第一个平面列表的代码

render() {
return (
<View style={{ height: "100%", width: "100%", backgroundColor: 'red' }}>
<FlatList
data={this.state.data}
renderItem={({ item, index }) => {
return (
this.renderSecondFlatlist(index)
);

}
}
/>
</View>
)
}

第二个 FlatList 的代码,您将在其中传递第一个 FlatList 的“索引”

 renderSecondFlatlist(index1) {
return (
<View style={{ flex: 1, backgroundColor: 'pink' }}>

<FlatList
data={this.state.data2}
renderItem={(item, index2) => {
/*return (
<Text>{index1}</Text>
);*/
console.log("index:-",index1);
}
}
/>
</View>
);
}

关于reactjs - React Native 获取 Flatlist 索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60135291/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com