如何在 react-native 中使用 Flatlist 的 renderItem？

Question

我想显示从 API 获得的数据信息。 object的结构是这样的：

    [
    "Date": 17-12-2020
    "OrderId": 15
    "Order": {
       "Cart": { ... }
       "Information": {
         "ProductInformation": {
            "Customer": {
              "firstname": firstname
              "lastname": lastname
              "adresses": {
                "adresse1":{
                  "city":city
                  "zipCode":zipCode
                }
              }
            }
          }
        }
      }
...
    ]

我想从我的 object 中提取Date 、 firstname 、 lastname和city并将它们放入我的组件中。 我可以像这样访问它们吗：

const ProductsList = () => {
  ...
  return (
    <View style={styles.container}>
      {isLoading ? <ActivityIndicator /> : ((products !== [])
          && (
          <FlatList
            data={surgeries}
            keyExtractor={(item, index) => index.toString()}
            renderItem={(element) => {
              return (
                <ProductItem
                  style={{ marginLeft: 35 }}
                  name={element.Order.Information.ProductInformation.Customer.firstname}
                  date={element.Date}
                />
              );
            }}
          />
          )
      )}
    </View>
  );
};