javascript - 如何在 React Native 中为特定元素渲染 FlatList 内的函数

Question

我有一个 FlatList 组件，如下所示:

我在 SelectableChip 组件中有一个部分:

因此，在导航到“详细信息”页面时，我想显示所单击的特定项目的详细信息。但现在发生的情况是，它正在迭代所有数据并转到最后一个项目并显示最后一个项目项目详细信息，不是我点击的。

有人可以帮我解决这个问题吗？

编辑

JSON 数据:

export const planDetails = [

    { 
        "nbs_plans":[ 
           
           { 
              "productId":"11",
              "sku":"6561",
              "name":"TruHealth Lawn Plan",
              "description":"Get out and enjoy the greenest, healthiest lawn possible with this comprehensive plan, which provides essential nutrients, protection, organic soil amendments and lawn aeration.",
    
    

Answer 1

使用

onPress={() => this.gotoDetailsPage(item.extension_attributes, index)}

而不是

onPress = {this.gotoDetailsPage(item.extension_attributes, index)}