javascript - ag-Grid 中的 cellRenderer 函数可以返回 React 组件吗？

Question

我想在我的大部分专栏中使用 React 中的 cellRenderer。因此，在我的 colDef 中，我有一个名为 unit 的附加字段。如果该单元存在，我将尝试在我的 TableCell React 组件中处理类似颜色网格的热图。这个相同的 React 组件已经在 ZippyUI 等其他数据网格中工作。 cellRenderer 函数是否可以返回一个 React 组件，它是一个虚拟 DOM 对象，还是必须是一个真正的 HTML DOM 对象？使用 ag-Grid 的 cellRenderer 组件方法做这样的事情会更好吗？

colDefs.map((x) => {
    if (x.hasOwnProperty('unit')) {
        x.cellRenderer = (params) => {
            return <TableCell value={params.value} units={x.unit} min={min[x.field]} max={max[x.field]} colorScheme={colorScheme} />;
        };
    }
});

Answer 1

对于 React，您不想使用 cellRenderer、cellEditor 等，而是想使用 cellRendererFramework, cellEditorFramework并传入一个具有 setUp 和 render 方法的类。