У меня есть ниже массив объектов в качестве образца ввода. У меня есть этот объект доступен на странице загрузки компонента.
Мне нужно перебрать его, а затем извлечь его имя метки, тип ввода и связанный с ним текст.
Скажем, предположим, что для первого объекта мне нужно показать метку, и ее тип ввода - выпадающий, и его текст в одной строке, затем go, чтобы второй объект показал свой меточный текст, его тип ввода - текстовое поле, а затем текст во втором ряду и так далее для всех других объектов.
Это должно происходить во время выполнения при загрузке страницы. Я не уверен, как это сделать.
Мне просто нужно сделать это при загрузке страницы. Так что я знаю, что мне нужно написать этот код в методе componentDidMount(), но способ его визуализации не уверен.
Пока я ищу пример кода, но подход к его решению также поможет мне решить его на моем своя. Заранее спасибо.
[
{
"LABEL_NAME": "Purpose",
"LABEL_TYPE": "STANDARD_LABEL",
"WIDGET_TYPE": "NARROW_DROPDOWN",
"TEXT": "Abc"
},
{
"LABEL_NAME": "Sub-purpose",
"LABEL_TYPE": "STANDARD_LABEL",
"WIDGET_TYPE": "Textbox",
"HELP_TEXT": "pqr"
},
{
"LABEL_NAME": "Date",
"LABEL_TYPE": "STANDARD_LABEL",
"WIDGET_TYPE": "DATE_FIELD",
"HELP_TEXT": null
}
]