javascript - reactNative中如何获取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;

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

标签： javascriptreact-nativereact-native-flatlist

Answer 1

你正在使用alert. Alert 不接受两个参数。

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