Рендеринг элементов объекта в тексте в React Native - PullRequest
Новая
       12

Рендеринг элементов объекта в тексте в React Native

1 голос
/ 03 августа 2020

У меня есть следующие объекты, которые я хочу отобразить и отобразить как текст.

console.log (props.items); 

    Object {
      "p2": CartItem {
        "productPrice": 499,
        "productTitle": "Farm Feast Pizza",
        "productdescription": "Caramelized onion, yellow capsicum, black olives, cherry tomatoes, zucchini,  micro greens, feta and mozzarella cheese.",
        "productimageUrl": "https://i.imgur.com/ZO82XbL.jpg",
        "quantity": 1,
        "sum": 499,
      }
Object {
  "p1": CartItem {
    "productPrice": 499,
    "productTitle": "Deluxe Veggie Pizza ",
    "productdescription": "Red peppers, broccoli, basil, cherry tomatoes, black olives, zucchini, jalapeno, micro greens, feta and mozzarella cheese.",
    "productimageUrl": "https://i.imgur.com/NEbikrh.jpg",
    "quantity": 1,
    "sum": 499,
  },
}

Я пытаюсь визуализировать productTitle 

<Text style={styles.title}>{props.items.productTitle}</Text>

но он не отображается, пожалуйста, помогите мне это исправить.

1 Ответ

2 голосов
/ 03 августа 2020

Вам нужно l oop по массиву и сопоставить каждый элемент с Text элементом 

{props.items.map((item, index) => (
  <Text style={styles.title} key={index}>{item.productTitle}</Text>
))}

Вот официальный ответ c для справки: https://reactjs.org/docs/lists-and-keys.html

...