Как динамически создавать поля в реактивных формах

Question

Мне нужно создать динамические c поля для формы, используя реактивную форму .

 // Build the form using react reactive form
   form = FormBuilder.group({
      firstname: ["", Validators.required]
   });

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

<FieldGroup
   control={this.form}
   strict={false}
   render={() => (
      <div>
         <form>
            <FieldControl
               name="firstname"
               render={({
                  handler,
                  pending,
                  touched,
                  hasError
               }) => (
                  <div>
                     <Form.Control
                        size="sm"
                        type="text"
                        onKeyPress={(event) => this.handleSubmit(event)}
                        placeholder="Ex: My Label" />
                     {pending && <i className="fa fa-spinner fa-spin" />}
                     <span className="material-icons">close</span>
                     <div>
                        <span>
                           {touched &&
                              hasError("required") &&
                              "Customer name is required"}
                        </span>
                     </div>
                  </div>
               )}
            />
         </form>
      </div>                     
   )} />