как показать 3 или более формы в соответствии с ареями типа JSON в реакции Js для построения динамной формы

Question

const fields = {{id: 1, тип: 'group',}, {id: 2, тип: 'text', метка: 'Name', group_id: 1}, {id: 3, type: 'text ', метка:' Address ', group_id: 1}, {id: 4, тип:' text ', метка:' City ', значение:' Lahore ', group_id: 1}, {id: 5, type:'текст ', метка:' Штат ', значение:' Пенджаб ', идентификатор_группы: 1}, {id: 6, тип:' текст ', метка:' Страна ', значение:' Пакистан ', идентификатор_группы: 1}, {id: 7, тип: «группа»,}, {id: 8, тип: «дата», метка: «Дата рождения», group_id: 7}, {id: 9, тип: «электронная почта», метка: «электронная почта', group_id: 7}, {id: 10, тип:' phone ', метка:' Phone ', group_id: 7}, {id: 11, тип:' color ', метка:' Color ', значение:' #ff9900 ', group_id: 7}, {id: 12, тип:' number ', метка:' Age ', значение: 22, group_id: 7}, {id: 13, тип:' number ', метка:' Friends ', значение: 3, group_id: 7}, {id: 14, тип: «select_one», метка: «Выберите один город», значение: «Карачи», выбор: [«Лахор», «Карачи», «Мултан»,'faisalabad', 'pishawar', 'queta', 'islamabad'] group_id: 7}, {id: 15, тип: 'select_one', метка: 'Выберите один фрукт », значение:« персик », выбор: [« яблоко »,« банан »,« манго »,« персик »,« виноград »,« сосна »,« клубника »] group_id: 7}}

Answer 1

это правильный синтаксис вашего объекта JSON.

 [ 
 { "id": 1,
   "type": "group" 

 },
 { 
  "id": 2,
  "type": "text",
  "label": "Name",
  "group_id": 1 
 },
 { "id": 3,
   "type": "text",
   "label": "Address", 
   "group_id": 1   
},
{ "id": 4,
  "type": "text",
  "label": "City",
  "value": "Lahore",
  "group_id": 1 
}, 
{  "id": 5,
   "type": "text", 
   "label": "State", 
   "value": "Punjab",
   "group_id": 1 
}, 
{ "id": 6,
"type": "text", 
"label": "Country", 
"value": "Pakistan",
"group_id": 1
}, 
{ 
  "id": 7, 
  "type": "group"
},
{ 
  "id": 8, 
  "type": "date",
  "label": "Date of birth",
  "group_id": 7 

},
{ "id": 9, 
  "type": "email", 
  "label": "Email",
  "group_id": 7 
}, 
{ 
  "id": 10, 
  "type": "phone", 
  "label": "Phone", 
  "group_id": 7 

}, 
{ 
  "id": 11, 
  "type": "color", 
  "label": "Color", 
  "value": "#ff9900", 
  "group_id": 7
},
{ 
  "id": 12, 
  "type": "number", 
  "label": "Age", 
  "value": 22, 
  "group_id": 7 
}, 
{ 
  "id": 13, 
  "type": "number", 
  "label": "Friends", 
  "value": 3, 
  "group_id": 7 

}, 
{ "id": 14,
  "type": "select_one", 
  "label": "Select One City", 
  "value": "karachi", 
  "choices": [
               "lahore", 
               "karachi", 
               "multan", 
               "faisalabad", 
               "pishawar", 
               "queta",
               "islamabad"
             ], 
  "group_id": 7 

}, 
{ 
  "id": 15, 
  "type": "select_one", 
  "label": "Select One Fruit", 
  "value":"peach", 
  "choices": [
                "apple", 
                "banana", 
                "mango", 
                "peach", 
                "grapes", 
                "pine", 
                "strawberry"], 
  "group_id": 7 } 
  ]

Answer 2

Это не JSON.

Во-первых,

Объекты JSON записываются в парах ключ / значение.

Это не записывается в парах ключ-значение.

Ключи должны быть строками

Ключи не являются строками в вашем вопросе, также вы должны использовать двойные кавычки, а не одинарные кавычки.

В-третьих,

Каждая пара ключ / значение отделяется запятой

Вы не ставите запятые, если после запятой нет пары ключ-значение.Примером JSON может быть { "name":"John", "age":30, "car":null }

См. Руководство Mozilla по JSON

Вы можете использовать JSON Editor Online , чтобы проверить наличие ошибок в вашемJSON