Why is my setState is not working?

Question

I have a react component that I have created. In this component, I call a function that updates the state generically:

updateCheckbox: function(name, value) {
    this.setState({name: value});
},

I have checked the value of this function and I see that the correct value is getting called and set. The render function is then called, because the state has just been set. When I go inside the render function, the state has not been updated.

I realized this is because I have updated the state generically. If I put the actual name of the state in the setState function, then everything is updated as it should.

Does anyone know a workaround for this?

bugwheels94 · Accepted Answer · 2015-06-21T20:37:26.050

1

You need to use Computed property name(which is added in ECMA 6) to use the value stored inside name variable

updateCheckbox: function(name, value) {
    this.setState({[name]: value});
},

OR the bracket notation for wider browser support

updateCheckbox: function(name, value) {
    var temp={};
    temp[name]=value;
    this.setState(temp);
},

edited Jun 21 '15 at 20:37

answered Jun 21 '15 at 20:05

bugwheels94

30,681
3
39
60

Please note that the brackets here have nothing to do with bracket notation. – Felix Kling Jun 21 '15 at 20:10
@FelixKling you mean bracket notation is only said if used like `obj_name[prop]`.right? – bugwheels94 Jun 21 '15 at 20:15
@FelixKling, so what does it represent? – jhamm Jun 21 '15 at 20:20
In the spec it's simply called "ComputedPropertyName". http://www.ecma-international.org/ecma-262/6.0/#sec-object-initializer . And no, the brackets don't have anything to do with arrays either, it's simply part of the object literal syntax now. – Felix Kling Jun 21 '15 at 20:24
@FelixKling thank you so much. It's so clear to me now( I was so wrong before). – bugwheels94 Jun 21 '15 at 20:32

Why is my setState is not working?

1 Answers1

Linked