Блог

Главная - Вопросы по программированию - Как создать компонент React Native с использованием схемы JSON

Как создать компонент React Native с использованием схемы JSON

#reactjs #react-native

#reactjs #react-native

Вопрос:

Я пытаюсь создать компонент с использованием react-native из формата JSON ниже. И это должно быть сделано без использования каких-либо сторонних компонентов.

 {
 "properties": {
      "taxDetails": {
        "type": "array",
        "items": {
          "properties": {
            "keyValue": {
              "type": "string"
            },
            "keyName": {
              "type": "string"
            },
            "index": {
              "type": "number"
            }
          }
        }
      },
      "upperBody": {
        "type": "array",
        "items": {
          "properties": {
            "keyValue": {
              "type": "string"
            },
            "keyName": {
              "type": "string"
            },
            "index": {
              "type": "number"
            }
          }
        }
      },
      "bodyItems": {
        "type": "object",
        "properties": {
          "itemDetails": {
            "type": "array",
            "items": {
              "properties": {
                "ItemValue": {
                  "type": "string"
                },
                "ItemPrice": {
                  "type": "string"
                },
                "ItemQty": {
                  "type": "string"
                },
                "ItemName": {
                  "type": "string"
                }
              }
            }
          },
          "itemCount": {
            "type": "string"
          }
        }
      },
      "paymentDetails": {
        "type": "object",
        "properties": {
          "paymentMeta": {
            "type": "array",
            "items": {
              "properties": {
                "keyValue": {
                  "type": "string"
                },
                "keyName": {
                  "type": "string"
                },
                "index": {
                  "type": "number"
                }
              }
            }
          },
          "paymentType": {
            "type": "string"
          }
        }
      }
    }
  },  
}

Используя приведенную выше схему JSON, я должен создать шаблон, подобный приведенному ниже.

 <View>
   <Text>{item.keyName}</Text>
   <Text>{item.keyValue}</Text>
   <Text>{item.index}</Text>
</View>

<View>
   <Text>{item.ItemName}</Text>
   <Text>{item.ItemPrice}</Text>
   <Text>{item.ItemQty}</Text>
   <Text>{item.ItemValue}</Text>
</View>

Если я создам подобный шаблон, я смогу показать значения, используя другой JSON. Итак, может кто-нибудь, пожалуйста, помочь мне в создании шаблона, подобного приведенному выше.

Комментарии:

1. пожалуйста, приходите с рабочим фрагментом, если у вас есть фрагмент, который четко показывает вашу проблему, он решит вашу проблему намного быстрее, чем без фрагмента, например, вы можете создать фрагмент из code sandbox