html - 如何消除对 React-Bootstrap-Table 中单元格的关注？

Question

我遇到的问题是，如果用户单击以编辑单元格，但随后在另一个视图上执行了重新呈现 BootstrapTable 的操作，则该单元格仍保持焦点并保留旧值，直到用户单击表上的其他位置。

我尝试了以下方法：

onBootstrapTableRef(instance) {
    this.bootstrapTableRef = instance;
}

componentDidUpdate() {
    this.bootstrapTableRef.reset(); //feel like either of these lines should do the job
    this.bootstrapTableRef.cleanSelected();
}


public render() {
    const cellEdit = {
        mode: "click",
        blurToSave: true
    }

    return (
                <BootstrapTable data={this.props.settings} keyField="settingStage"
                    bordered={false} striped cellEdit={cellEdit} ref={this.onBootstrapTableRef}>
                    ...
                </BootstrapTable>
            </div>
        </div>
    );
}