Использование пользовательского компонента в визуализации ячейки 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 из одного из их примеров, и он работает, как и ожидалось. Ищите следующее в columnDefs в index. js file.

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