REACT add to an array inside a component

#1

React Recipe App on codepen

I have a component set up to add a new recipe. Within that I want to add an ingredient and quantity. When I do this the whole thing re-renders and forgets that it is in “add mode”.

I am currently trying to change the state within the component rather than at top level.
The relevant lines of code are 578-589

#2

Solved - I forgot to do the event.preventDefault(); in the function.
Doh!:dizzy_face:

#3