无法使用react ag grid嵌入react-contextmenu

Question

我正在尝试将react-contextmenu程序包与react ag网格一起嵌入。 由于上下文菜单是ag-grid的企业功能，因此我尝试自定义自己的上下文菜单。

我正在使用react-contextmenu https://www.npmjs.com/package/react-contextmenu。

请在我的代码下面找到

<div>
                                        <ContextMenuTrigger id="ContextMenuTrigger">
                                                <div
                                                    className="ag-theme-balham"
                                                    style={{
                                                        height: "670px",
                                                        width: "100%"
                                                    }}
                                                >
                                                    <AgGridReact
                                                        floatingFilter={true}
                                                        enableServerSideSorting={true}
                                                        enableServerSideFilter={true}
                                                        defaultColDef={this.state.defaultColDef}
                                                        enableColResize={true}
                                                        rowSelection={this.state.rowSelection}
                                                        rowDeselection={true}
                                                        rowModelType={this.state.rowModelType}
                                                        paginationPageSize={this.state.paginationPageSize}
                                                        cacheOverflowSize={this.state.cacheOverflowSize}
                                                        maxConcurrentDatasourceRequests={this.state.maxConcurrentDatasourceRequests}
                                                        infiniteInitialRowCount={this.state.infiniteInitialRowCount}
                                                        maxBlocksInCache={this.state.maxBlocksInCache}
                                                        onGridReady={this.onGridReady.bind(this)}
                                                        columnDefs={this.state.columnDefs}
                                                        frameworkComponents={this.state.frameworkComponents}
                                                        getContextMenuItems={this.state.getContextMenuItems}
                                                        allowContextMenuWithControlKey={true}
                                                    //rowData={this.state.rowData}
                                                    />

                                                </div>
                                                </ContextMenuTrigger>
                                                    <ContextMenu id="some_unique_identifier">
                                                        <MenuItem data={{foo: 'bar'}} >
                                                        ContextMenu Item 1
                                                    </MenuItem>
                                                    <MenuItem data={{foo: 'bar'}} >
                                                        ContextMenu Item 2
                                                    </MenuItem>
                                                    <MenuItem divider />
                                                    <MenuItem data={{foo: 'bar'}} >
                                                        ContextMenu Item 3
                                                    </MenuItem>
                                                    </ContextMenu>
                                                    </div>

网格可以正确显示其数据，但是在右键单击上没有任何反应。 我不知道我在做什么错。

如何使它正常工作？