json react native:显示来自其他页面的props信息

0h4hbjxa  于 4个月前  发布在  React
关注(0)|答案(2)|浏览(106)

我尝试在flatlist中打印EquipmentID,但由于某种原因,它没有显示它的信息。我想知道我的代码有什么问题。数据(props)来自另一个屏幕。在我的示例中,我显示了flatlist屏幕和props,因为它打印。

const EquipmentContentCardOptions = props => {

  const renderItem = ({ item }) => {

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

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

export default EquipmentContentCardOptions;

字符串
这是 prop

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

7xllpg7q

7xllpg7q1#

您将props直接传递到FlatList,然后尝试访问EquipSetData的数据,因此您需要做的是

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

字符串
希望这能解决您的问题

u91tlkcl

u91tlkcl2#

我建议你使用console.log(props)console.log(item)来查看它们是否为null。如果renderItem是一个组件,那么你在另一个组件中定义了它,这是错误的。
另外,名称必须以大写字母开头(如果它是一个组件的话)。你可能需要包括FlatList组件来查看props是如何传递给它的。

相关问题