[Solved] how to show 3 or more form accoring to the aarays of json type in react Js for building daynamic form

by


this is the correct sytnax of your JSON Object.

 [ 
 { "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 } 
  ]

0

solved how to show 3 or more form accoring to the aarays of json type in react Js for building daynamic form