Динамически добавлять 2 поля в форму при нажатии кнопки - PullRequest
Новая
       28

Динамически добавлять 2 поля в форму при нажатии кнопки

1 голос
/ 28 апреля 2020

Моя цель - добавлять 2 поля при каждом нажатии кнопки. Кнопка onClick выполняет функцию addNewExclusion, которая должна добавить элемент div и добавить в него новый FieldTextInputs.

Я предполагаю, что есть способ заставить это работать, но, вероятно, лучший способ go об этом полностью. Любые предложения приветствуются! 

  var exclusionsCount = 1;

  var exclusionZipCode = function(count) {
    const fields = [];
    for (var i = count - 1; i >= 0; i--) {
      const identifierZipCode = "exclusionZipCode" + i
      const identifierRadius = "exclusionRadius" + i
      const field = (
        <React.Fragment>
          <FieldTextInput
            className={css.exclusionZipCode}
            type="text"
            name={identifierZipCode}
            id={identifierZipCode}
            label={exclusionZipCodeMessage}
            placeholder={exclusionZipCodePlaceholderMessage}
          />
          <FieldTextInput
            className={css.exclusionRadius}
            type="text"
            name={identifierRadius}
            id={identifierRadius}
            label={exclusionRadiusMessage}
            placeholder={exclusionRadiusPlaceholderMessage}
          />
        </React.Fragment>
      )
      fields.push(field);
    }
    return(
      fields
    )
  }

  const addNewExclusion = function() {
    var divStuff = document.getElementById('exclusionElements');
    divStuff.append(exclusionZipCode(exclusionsCount))
    exclusionsCount += 1;
  }
...