Реакция нативного извлечения объекта json из родительского компонента в дочерний компонент с помощью карты или цикла for - PullRequest
Новая
       53

Реакция нативного извлечения объекта json из родительского компонента в дочерний компонент с помощью карты или цикла for

0 голосов
/ 27 сентября 2019

Я работаю над реагированием на родной объект.Я хочу создать простой генератор форм на основе объекта json для генерации входных данных и стилей для формы.Я создал объект json в родительском компоненте следующим образом: 

const FormContent = {
  inputNumber: "5",
  shake: "true",
  inputStyle: "",
  placeholder: "",
  placeholderTextColor: "#fff",
  containerStyle: {
    width: "100%",
    backgroundColor: "rgba(82, 159, 197, 0.5)",
    borderBottomWidth: 1,
    borderBottomColor: "white"
  },
  inputContainerStyle: {
    borderBottomWidth: "0"
  },
  errorStyle: {
    color: "#fff"
  },
  errorMessage: "champ obligatoire manquant",
  leftIcon: {
    type: "font-awesome",
    name: "user",
    size: 24,
    color: "white"
  },
  leftIconContainerStyle: {
    paddingRight: 30
  }
};

Я отправляю объект дочернему компоненту в виде реквизитов, например: 

      Object {
  "props": Object {
    "containerStyle": Object {
      "backgroundColor": "rgba(82, 159, 197, 0.5)",
      "borderBottomColor": "white",
      "borderBottomWidth": 1,
      "width": "100%",
    },
    "errorMessage": "champ obligatoire manquant",
    "errorStyle": Object {
      "color": "#fff",
    },
    "inputContainerStyle": Object {
      "borderBottomWidth": "0",
    },
    "inputNumber": "5",
    "inputStyle": "",
    "leftIcon": Object {
      "color": "white",
      "name": "user",
      "size": 24,
      "type": "font-awesome",
    },
    "leftIconContainerStyle": Object {
      "paddingRight": 30,
    },
    "placeholder": "",
    "placeholderTextColor": "#fff",
    "shake": "true",
  },
}

Я хочу получить объект "inputNumber "раз, то есть 5 раз.Как я могу это сделать ?

...