react js - problem ze state

0

Witajcie mam taki problem, chciałem z dwóch inputów (nazwa, cena) i selecta (1,2,3) tworzyć listę zakupów. Wszystko prawie dobrze funkcjonuje tylko podmienia wartości ze state czyli nazwa i select wszystkich wcześniej dodanych pozycji listy na nowododany. Z cen produktów tworzona jest lista, która oblicza sumę całkowitą i działa. Gdzie leży problem?

0

Nigdzie nie trzymasz wsześniej wybranych wartości z selecta więc nie dziwne, że zawsze wyświetlasz obecnie wybraną wartość. Mógłbyś w stanie trzymać tablicę obiektów:

[ {name: 'bla bla', price: 33, amount: 5} ... ]

A ogólnie to wiele rzeczy masz do poprawy. Między innnymi:

  • wywal jQuery
  • na każdy input nałóż handler, który przy zmianie wartości inputa będzie zmieniał stan komponenta
  • przycisk 'dodaj' niech ma swój handler, który po prostu zczytuje wartości ze stanu i dodaje nowy obiekt do listy
  • zrezygnuj z deklarowania zmiennych przez var

1 użytkowników online, w tym zalogowanych: 0, gości: 1