反应引导程序表在onAfterSaveCell

Question

我的onAfterSaveCell函数进行异步调用。我需要阻止用户在完成此调用时重新更新相同的单元格。如何向用户显示此消息并在正在进行的过程中禁用单元格编辑的最佳方法是什么？

onAfterSaveCell(row, cellName, cellValue) {
        console.log("onAfterSaveCell");
        let self = this;

        let comms_matrix_id = 0;
        if (this.where.comms_matrix_id) {
            comms_matrix_id = this.where.comms_matrix_id;
        }

        if (cellName === 'rpa') cellName = 'status';
        let params = `comms_matrix_id=` + comms_matrix_id + `&src_net=` + row.src_net + `&dst_net=` + row.dst_net + `&` + cellName + `=` + cellValue.trim();

        axios
            .post(`/api/admin/rename/routing/exemptions/format/json?quiet=1`, params)
            .then(response => {
                if (response.data.header.error) {
                    self.setState({
                        showError: true,
                        errorMsg: response.data.header.message
                    });
                } else {
                    this.fetchRoutingSummary(this.options.page, this.options.sizePerPage, this.where, this.sort);
                }
            })
            .catch(error => {
                self.setState({
                    showError: true,
                    errorMsg: error
                });
            });
    }