react native：显示来自另一个页面的道具信息

Question

我正在尝试在平面列表中打印

EquipmentID

由于某种原因，它没有向我显示其信息。 我想了解我的代码有什么问题。 数据（道具）来自另一个屏幕。 在我的示例中，我显示了平面列表屏幕和打印时的道具。

const EquipmentContentCardOptions = props => {

  const renderItem = ({ item }) => {

    return <Text>{props.EquipmentID}</Text>;
   
  };

  return (
    <FlatList
      data={props}
      renderItem={renderItem}
      keyExtractor={item => item.EquipmentID}
    />
  );
};

export default EquipmentContentCardOptions;

这是道具：

{
   "EquipSetData":[
      {
         "EquipmentID":"567",
         "EquipmentName":"aaa",
         
      },
      {
         "EquipmentID":"123",
         "EquipmentName":"rrr",
      }
        ]
}

Answer 1

您将 props 直接传递到 FlatList，然后尝试访问 EquipSetData 的数据，所以您需要做的是

 <FlatList
  data={props.EquipSetData}
  renderItem={renderItem}
  keyExtractor={item => item.EquipmentID}
/>

希望这能解决您的问题

Answer 2

我建议您

console.log(props)

以及

console.log(item)

看看它们是否不为空。如果

renderItem

是一个组件，那么，您已在另一个组件中定义了它，这是错误的。

加上名称必须以大写字母开头（如果它是一个组件）。您可能需要包含

FlatList

组件才能查看道具如何传递给它。