每次刷新setState上的Reactjs

Question

我正在使用MultiSelect Plugin进行Select DropDown。这里onChange事件我将值存储在setState中。以下是代码：

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

上面的代码工作正常，我也可以将数组值存储在状态中。但唯一的问题是每次将页面存储在状态时页面都会刷新。

请告诉我这里我出错的地方。我试图搞清楚，但无法得到解决方案。

Answer 1

是的，这就是React打算做的事情。如果您不希望它不重新渲染，那么您必须覆盖shouldComponentUpdate方法。

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