react-native - 当在 Native-base Tabs 中调用 onChnageTab 函数时，如何将我的动态 id 传递给选项卡

Question

我需要传递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>

Answer 1

这i是选项卡的索引，因此您可以通过执行类似操作来获取项目的 ID

handleClickCat(index){    
  const itemId = this.props.data[index].id; // Item id here
}

onChangeTab={({i}) => this.handleClickCat(i)}