如何在React.js中的React-Redux-Tabs中显示和操作多个Ag-Grid的数据

Question

我是新来的人-Ag-Grid 我想在react选项卡中显示和操作多个Ag-Grid，以便在选项卡中显示网格。

我正在使用react-tabs-redux。请参考以下网址。

https://www.npmjs.com/package/react-tabs-redux

https://www.ag-grid.com/

我在标签中得到了多个Ag-Grid。但是，当我在网格上执行某些操作时，仅在最后一个选项卡网格上执行该操作，我希望我在其中进行操作的选项卡中的网格数据（例如添加，删除，更新行等）。应该反映仅在当前活动选项卡中的同一网格的更改。

在Javascript中，我们可以在标签中显示多个Ag-grid并进行操作。通过为每个网格保留单独的gridOptions 像gridOptionsOne，gridOptionsTwo

但是React-Ag-Grid中的React js 组件

中的网格

我正在循环中使用AgGridReact组件在选项卡中显示网格

在onGridReady函数中，如何为选项卡内的每个网格获取如何为Ag-Grid操作获取不同的gridApi和gridColumnApi

  onGridReady(params) {
            this.gridApi = params.api;
            this.gridColumnApi = params.columnApi;

        }


<AgGridReact
      columnDefs={this.state.columnDefs}
      rowData={this.state.rowData}                                                               
      onGridReady={this.onGridReady.bind(this)}                                                                
     enterMovesDownAfterEdit={true}                                                                
     enterMovesDown={true}                                                                        
 />

预先感谢