react Native中如何获取Flatlist Item的get数据答案

【问题标题】：How to get the get data of Flatlist Item in reactNativereact Native中如何获取Flatlist Item的get数据
【发布时间】：2021-09-09 20:37:41
【问题描述】：

我试图在调用 onPressed 时获取平面列表的数据，当我使用警报时调用 onpressed 但未调用所选数据

import React from "react";
import {StyleSheet,Text,View,FlatList,TouchableWithoutFeedback,} from "react-native";

const App = () => {
  return (
    <View style={styles.container}>
      <FlatList
        data={[
          { key: "Devin" },
          { key: "Dan" },
          { key: "Jillian" },
          { key: "Jimmy" },
          { key: "Julie" },
        ]}
        renderItem={({ item }) => (
          <TouchableWithoutFeedback onPress={() => actionOnRow(item)}>
            <View>
              <Text style={styles.item}>Name: {item.key}</Text>
            </View>
          </TouchableWithoutFeedback>
        )}
      />
    </View>
  );
};

const actionOnRow = (item) => {
   const value = "Selected Item : "+ item;
  alert(value);
};
export default App;

我检查了反应文档，但在平面列表项 OnPress 上找不到任何内容，当我运行此警报时，警报会显示消息“已选择：”但我期待“已选择：'已选择的项目'”。

【问题讨论】：

标签： javascript react-native react-native-flatlist

【解决方案1】：

您正在使用 alert 。警报不接受两个参数。

尝试使用 console.log 或 alert("Selected :" + item.key);

【讨论】：

我收到Selected Item [object Object]
非常感谢我在检索数据时错过了.key

【解决方案2】：

完整回答以防其他人需要它

import React from "react";
import {StyleSheet,Text,View,FlatList,TouchableWithoutFeedback,} from "react-native";

const App = () => {
  return (
    <View style={styles.container}>
      <FlatList
        data={[
          { key: "Devin" },
          { key: "Dan" },
          { key: "Jillian" },
          { key: "Jimmy" },
          { key: "Julie" },
        ]}
        renderItem={({ item }) => (
          <TouchableWithoutFeedback onPress={() => selectStudent(item)}>
            <View>
              <Text style={styles.item}>Name: {item.key}</Text>
            </View>
          </TouchableWithoutFeedback>
        )}
      />
    </View>
  );
};

const selectStudent = (item) => {
   const value = "Selected Student : "+ item.key;
  alert(value);
};
export default App;

【讨论】：