CODEWITHSUNDEEP
reactjs
David
David

Reputation: 569

Reactjs every time refreshing page on setState

I'm using MultiSelect Plugin for Select DropDown. Here onChange event I'm storing the value in setState. Here is below code : 

$('#selectbox-id-onChange').multiselect({
    onChange: function(option, checked) {
         var newArray = this.state.options.slice();
         newArray.push($(option).val());
         this.setState({options: newArray});           
    }
});

The above code is working fine, I'm able to store the array value in state also. But the only issue is that page is refreshing everytime while storing the value in state.

Please do let me know where I'm going wrong here. I tried to figure out but couldn't get the solution.

Upvotes: 3

Views: 11188

Answers (1)

Alex.Gunning
Alex.Gunning

Reputation: 331

Yes, that's what React is meant to do. If you do not want it not to re-render then you have to override the shouldComponentUpdate method.

shouldComponentUpdate() {
    return false; // Will cause component to never re-render.
}

Upvotes: 5

Related Questions