Redux форма форматирования новых строк при добавлении новых дочерних элементов - PullRequest
Новая
       43

Redux форма форматирования новых строк при добавлении новых дочерних элементов

0 голосов
/ 12 февраля 2019

Я пытаюсь добавить новую строку, когда нажимаю кнопку, которая добавляет дочерние элементы в мою форму Redux.На данный момент форма добавляет дочерние элементы только в одну строку, которая есть.Мне интересно, есть ли способ добавить целую новую строку, чтобы дочерний элемент не просто находился внутри одного столбца, где находится.

const renderAdditionalAction = ({ fields, meta: {error}}) => (
    <div>

            <Button color="primary" onClick={() => fields.push()}><i class="fa fa-plus"></i></Button>
        {fields.map((additionalAction, index) => (
            <div className="row">  
                <div key={index} className="col-lg-1">
                    <Button color="danger"
                    type="button"
                    title="Remove Remove Action"
                    onClick={() => fields.remove(index)}>
                    <i class="fa fa-close"></i></Button>
                </div>
                <div className="col-lg-10">
            <Field
          name={additionalAction}
          type="text"
          component={renderField}
          label={`Additionall Action #${index + 1}`}
        />

                </div>
                </div>
        ))}
    </div>
);      



<div class="col-lg-4">
        <Field
            name={`${offerInputParent}.offerInputAction`}
            type="select"
            component={renderOfferActionDropdown}
            label="Action"
            >
        </Field>
            {/* adding the additional action group */}
      <FieldArray name={`${offerInputParent}.additionalAction`} component={renderAdditionalAction} />
      </div>

enter image description here

Я включил изображение того, что происходит в настоящее время, чтобы вы могли видеть, что я имею в виду, когда дочерний элемент находится внутри столбца,Я попытался несколько вещей, чтобы удалить его, но не повезло.Заранее спасибо.

...