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

Question

我正在尝试在调用 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;

我已经检查了 React 文档，但我在 flatlist 项目 OnPress 上找不到任何东西，当我运行这个警报显示消息“已选择：”但我期待“已选择：'the item selected' ".

Answer 1

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

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

Answer 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;

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

How to get the get data of Flatlist Item in reactNative

javascript

react-native

react-native-flatlist