React this.state is undefined?

Question

I am following a beginner tutorial from Pluralsight, on form submit a value is passed to addUser component method and I need to push userName to this.stat

Answer 1

If you prefer using arrow function do this. The arrow function syntax as like below

addUser = event => { 
    const { value }  = event.target;
    console.log("value", value);
}

To prevent this function being called on every render or re-render you need to

Change

To

 this.addUser()}/>

So that addUser gets called only when event is happened/triggered