ag-grid-react using cellRenderer DOMNodeInserted事件错误

Question

我使用的是ag-grid-react

使用cellRenderer时出错。我如何解析该消息？

‘reactComponent.js:57冲突向'DOMNodeInserted’事件添加了同步DOM突变侦听器。考虑使用MutationObserver使页面更具响应性。“”“

试试cellRenderer，cellRendererFramework ...一切都会导致使用cellRenderer的那条消息...我能做什么？？

function BtnCellRenderer (props) {
return (
    <span><button >Click Me!</button></span>
)

export default function Test() {
  const columnDefs= [
    { headerName: "Make", field: "make" },
    { headerName: "Model", field: "model" },
    { headerName: "Price", field: "price" },
    {headerName: "Action",field:"price", cellRenderer: 'btnCellRenderer'}
    ]

  const rowData= [
    { make: "Toyota", model: "Celica", price: 35000 }, 
    { make: "Ford", model: "Mondeo", price: 32000 }, 
    { make: "Porsche", model: "Boxter", price: 72000 }]


  return (
    <div className="App">
      <h1 align="center">React-App</h1>
      <div className="ag-theme-alpine" style={ {height: '200px'} }>
        <AgGridReact
            columnDefs={columnDefs}
            rowData={rowData}
            defaultColDef={{flex:1}}
            frameworkComponents={{
                btnCellRenderer: BtnCellRenderer,
            }}
        >
        </AgGridReact>
      </div>
    </div>
  );

​

​

Answer 1

首先，在没有cellRenderer的情况下，应用程序可以正常工作吗？

如果可以，像这样修改frameworkComponents，然后在columnDefs中像这样修改cellRenderer: 'BtnCellRenderer '}

也许您可以尝试在fromeworkComponents中只使用一对括号，如下所示：

frameworkComponents={ btnCellRenderer: BtnCellRenderer}

是我使用它的方式，它工作得很好！