React Native中如何正确获取FlatList点击事件的事件目标值

你遇到的问题本质是混淆了Web DOM事件和React Native合成事件的设计差异：

• React Native中的e.target指向的是原生视图的底层实例句柄，本身的设计定位就是框架内部通信使用，开发环境下会自动附带大量Fiber节点的调试信息，从这个对象里解析业务值本身就不是框架推荐的使用方式。
• 你之所以想从e.target里取对应点击项的值，是惯性沿用了Web端从DOM节点属性取数的思路，但RN没有真实DOM结构，这套逻辑完全不适用。

你在FlatList的renderItem回调里已经可以直接拿到当前渲染项的完整item数据，完全不需要从事件对象中反向解析值，直接通过闭包把当前item绑定到点击回调上即可，是RN列表场景最通用、最稳定的写法：

<FlatList 
  data={updatedList}
  renderItem={({item}) => 
    <TouchableOpacity
      onPress={() => {
        // 直接读取闭包捕获的当前列表项数据，无冗余结构
        console.log('当前点击项完整数据：', item)
        console.log('国家名称：', item.name, '国际拨号前缀：', item.dialCode)
        // 页面跳转时也可以直接将当前项作为路由参数传递
        // navigation.navigate('PhoneNr', { countryInfo: item })
      }}
    >
      <Text style={styles.text}>
        <Text>{item.name}</Text>
        <Text style={styles.numbers}> {item.dialCode}</Text>
      </Text>
    </TouchableOpacity>
  } 
  keyExtractor={(item, index) => index.toString()}
/>

• 不要尝试解析你打印出的Fiber结构里的字段（比如示例输出里memoizedProps存的国家名文本）：这类调试专用的字段只会在开发环境存在，生产打包时会被完全移除，靠解析这类字段取值上线后必然出现功能异常。
• 事件对象上只用来读取和交互位置、视图尺寸强相关的原生参数（比如点击坐标、视图布局尺寸），业务数据永远优先从渲染上下文的闭包变量中读取，不要反向从事件结构中硬抠值。

内容的提问来源于stack exchange，提问作者Alythrope