可与React一起使用，每次状态更新时都会重置命令

Question

我有一个使用handontable的react应用程序。我将ColumnSorting添加到我的表中，该表在触发更新状态的事件之前可以正常工作。当发生这种情况时，排序将重置为初始状态。组件状态变化时是否可以维持排序？

我在下面附加了一个JSFiddle。

重现该错误：

• 单击列标题以对表进行排序。
• 点击底部的更新状态按钮

谢谢您的帮助！

JSFiddle

class App extends React.Component {
constructor(props) {
  super(props);
        this.handsontableData =Handsontable.helper.createSpreadsheetData(6, 10);
}

save() {
    this.setState({test:'123'})
}

render() {
  return (
    <div>
      <HotTable settings={{
          data: this.handsontableData,
          colHeaders: true,
          rowHeaders: true,
          columnSorting: true
        }}/>
        <button onClick={this.save.bind(this)}>Update State</button>
    </div>
  );
}

}