reactjs - 通过调用函数在材料表中添加行

Question

我已经实现了一个材料表，单击“添加”按钮会创建一个新的空行。但现在我想改变这个功能。单击添加按钮时，我希望弹出一个窗口，询问我是要自己添加行还是使用 API 生成行。对于我之前的要求，我在 redux 中维护一个状态，并且 onRowUpdate 具有以下代码：

onRowAdd: (newData) => new Promise(resolve => {
                        setTimeout(() => {
                            let createActivityRequest = {...newData}
                            createActivityRequest.isUpdate = false
                            createActivityRequest.jobId = jobId
                            createActivityRequest.fileFormat = newData.fileFormat || 'CSV'
 
 
                            const payload = {};
                            payload.url = urlFQDN + '/db/putactivity'
                            payload.body = createActivityRequest;
 
                            dispatch(addNewActivity(payload));
                            resolve();
                        }, 600);
                    }),

上面的代码是直截了当的。我在 newData 中获得了所有输入的字段，我只是使用扩展运算符复制这些字段并将新对象添加到 redux 状态。

但是现在如果我想使用一些 API 调用更新材料表的字段之一，然后将该行添加到状态和表中。我怎样才能做到这一点？

标签： reactjsreduxreact-reduxmaterial-uimaterial-table