Reactjs React absolute grid plugin更改dragEnabled的状态，但不'；t阻力

我从React absolute grid插件中使用了这个组件 这使我能够渲染多个视图并拖动和更改视图的排序：

  <AbsoluteGrid items={this.state.sampleItems}
                    displayObject={(<SampleDisplay />)}
                    onMove={onMoveDebounced}
                    dragEnabled={this.state.dragEnabled}
                    zoom={zoom}
                    responsive={true}
                    verticalMargin={42}
                    itemWidth={290}
                    itemHeight={290}/>

问题是，当我单击按钮时，它确实会将状态更改为true，但我根本没有拖动的能力

getInitialState: function() {
        return {
            dragEnabled: false
        };
    }


handleClick: function () {
    if ($("#editButton").html() === "Edit") {
        this.setState({
            dragEnabled: true
        });
        $("#editButton").html("Save");
        // this.forceUpdate();
    }
    else {
        this.setState({
            dragEnabled: false
        });
        $("#editButton").html("Edit");
        // this.forceUpdate();
    }
    this.forceUpdate();
}