CODEWITHSUNDEEP
javascriptreactjsjsx
GimpFather
GimpFather

Reputation: 53

What is the diff between this two arrow functions?

Basically, I don't understand why the second arrow function works, and first doesn't.

    //this one doesnt
    this.setState = () => {
            text: e.target.value,
        };
  
    //this one works
    this.setState(() => ({
            text: e.target.value,
        }));

Upvotes: 1

Views: 52

Answers (2)

Max Ahn
Max Ahn

Reputation: 116

The first one assigns the arrow function to this.setState and since there is an existing function called setState on this, it'll be overwritten by your arrow function.

The second one passes the arrow function as an argument to setState and setState will call the function you just passed at some point in its execution.

You can refer to the documentation to get a better idea of what setState does.

https://reactjs.org/docs/react-component.html#setstate

Upvotes: 0

Maya Glazer Sharabi
Maya Glazer Sharabi

Reputation: 142

The first one is an assignment the second one performs execution.

Upvotes: 2

Related Questions