在 ag-grid 单元格渲染中使用自定义组件

Question

我正在尝试在 ag-grid 的单元格中使用自定义组件，如果我使用标准 html 组件它可以工作，但如果我尝试使用自定义反应组件则不行

下面的代码不起作用

TABLE_COLUMNS = [
        {
            headerName: '', field: 'remarks', cellRendererFramework: (params) => {
                return <div>
                    <SpinningWheel height={100}/>
                </div>
            }
        }]

但下面的代码工作正常

TABLE_COLUMNS = [
        {
            headerName: '', field: 'remarks', cellRendererFramework: (params) => {
                return <div>
                    <button>push me</button>
                </div>
            }
        }

Answer 1

一切似乎对我来说都很好。 我创建了一个包裹DIV中类似的组件在plunker从自己的一个例子，它是按预期工作。 在 index.js 文件的columnDefs中查找以下内容。

{
    headerName: "Child/Parent",
    field: "value",
    cellRendererFramework: (params) => <div><SpinningWheel {...params} name="Spinning Wheel"/></div>,
    colId: "params",
    width: 180
 }