如何解决在本机选项卡中调用onChnageTab函数时,如何将动态ID传递给选项卡
我需要将items.id
传递到OnChangeTab
我已经使用了native-base
库中由索引插入的标签,我想发送动态ID,以便可以将相同的ID发送到我的api
<Tabs
// locked={true}
tabBarUnderlinestyle={{backgroundColor: '#E60000'}}
onChangeTab={({i}) => this.handleClickCat(i)}
renderTabBar={() => <ScrollableTab />}>
{this.props.data &&
this.props.data.map((items,index) => {
return (
<Tab
heading={
<Tabheading>
<TouchableOpacity
onPress={() => this.setState({id: items.id})}>
<Text>{items.title}</Text>
</TouchableOpacity>
</Tabheading>
}
key={items.id}
tabStyle={{backgroundColor: '#1D1E1F'}}
// onChangeTab={() => this.handleClickCat()}
// activeTab={() => this.setState({id: items.id})}
// o={this.setState({id: items.id})}
activeTabStyle={{backgroundColor: '#1D1E1F'}}
textStyle={{color: '#9E9E9E'}}
activeTextStyle={{color: '#FFFFFF'}}>
<AllNewsScrolimage
navigation={this.props.navigation}
data={this.props.catdata}
id={items.id}
/>
</Tab>
);
})}
</Tabs>
解决方法
i
是标签的索引,因此您可以通过类似的操作获取项目的ID
handleClickCat(index){
const itemId = this.props.data[index].id; // Item id here
}
onChangeTab={({i}) => this.handleClickCat(i)}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。