Reactjs 每次在 setState 上刷新页面

Question

我正在使用 MultiSelect Plugin用于选择下拉菜单。这里的 onChange 事件我将值存储在 setState 中。下面是代码:

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

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

请让我知道我哪里出错了。我试图弄清楚但无法找到解决方案。

Answer 1

是的，这就是 React 的目的。如果您不希望它不重新呈现，那么您必须重写 shouldComponentUpdate 方法。

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