Javascript 如何在React.js的React Redux选项卡中显示和操作多个Ag网格的数据

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

我正在使用react选项卡redux。请参考下面的网址

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

在Javascript中，我们可以在选项卡中显示多个Ag网格，也可以进行操作。通过为每个网格保留单独的网格选项 像GridOptionOne，GridOptions2

但是React Ag网格中的React js 组件中的网格

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

在onGridReady函数中，如何获取选项卡内的每个网格如何获取Ag网格操作的不同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}                                                                        
 />

onGridReady（参数）{
this.gridApi=params.api；
this.gridColumnApi=params.columnApi；
}

---

提前感谢

您能否在plunkr或stackblitz中添加一个简单的最低代码，以便人们能够更好地提供帮助？