ReactJs: привязка ввода к свойству состояния внутри массива объектов - PullRequest
Новая
       50

ReactJs: привязка ввода к свойству состояния внутри массива объектов

0 голосов
/ 21 апреля 2020 
this.state = {
      devisInformation: [
        {
          element: "TC 100",
          description: "Toner Cartridge",
          quantite: 2,
          coutUnitaire: 2,
        },
        {
          element: "TC 100",
          description: "Toner Cartridge",
          quantite: 2,
          coutUnitaire: 2,
        },
        {
          element: "TC 100",
          description: "Toner Cartridge",
          quantite: 2,
          coutUnitaire: 2,
        },
        {
          element: "TC 100",
          description: "Toner Cartridge",
          quantite: 2,
          coutUnitaire: 2,
        },
        {
          element: "TC 100",
          description: "Toner Cartridge",
          quantite: 2,
          coutUnitaire: 2,
        },
      ],
    };

// This works for a simple property binding
  onChange(e) {
    this.setState({
      [e.target.name]: e.target.value,
    });
  }



  <Input
                        type="text"
                        id="element"
                        name="element"
                        type="textarea"
                        value={this.state.devisInformation[0].element}
                        onChange={this.onChange}
                        required
                      />

У меня будет несколько рядов. Каждая строка содержит 4 из этих входов. Каждое входное значение соответствует одному из значений внутри объекта массива devisInformation внутри состояния:

enter image description here

Другими словами, каждая строка эта форма будет соответствовать одному объекту внутри свойства devisInformation. Но я не знаю, как получить входные значения в указанных объектах. Я не думаю, что такой подход имеет смысл. Какие-либо предложения?

...